给button设置背景图片不显示解决了

最新推荐文章于 2024-01-26 13:55:56 发布
最新推荐文章于 2024-01-26 13:55:56 发布
阅读量4.4k 收藏
点赞数
文章标签： button input url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yxzbest/article/details/4805623
版权

 

以前给按钮设置背景图片但是图片不显示，一直没有解决，网上也找不到正确的方法。今天终于被我解决了。

其实就把button的背景颜色改改就OK了。

<input type="button" name="btn" id="btn" style="background-image:url(images/1.gif);width:55px;background-color:Transparent;" />

yxzbest
关注
Qt基础-QWidget背景图片设计时显示正常运行无法显示
qq_30725967的博客
01-10 1579
QWidget背景图片设计时显示正常运行无法显示
android 设置activity背景图片,给Activity设置背景颜色
weixin_39946266的博客
05-26 2102
为了使得错误提示更加显眼，再用Toast+振动效果之外考虑变换整个activity的背景颜色。尝试一：activity并没像winform一样直接给个属性来设置，就想获取整个activity的layout然后通过设置layout的颜色来达到改变actvity背景色的效果，虽然成功改变了窗体的颜色，不过这种方法同时把layout里边所有的组件颜色给改变了！尝试二：(成功)无意中发现activity ...
Android Button控件背景图片无法显示问题
闲言
06-03 1663
原因： themes 文件中的style 标签 的parent 属性有问题 修改前 效果 修改后 布局代码
java button中加入背景图片不显示
qq_40465690的博客
08-18 1247
emmmm~写一下关于在button中添加图片作为背景的经历 就，先记录下错误的地方： JLabel stat=new JLabel(new ImageIcon("/img/left.png")); 这里再left.png的路径的开头少了个点，就一直都不显示 重复一遍，路径为"./img/left.png",记住开头有点 ...
vue+webpack 模块编译后背景图片不显示
iloki的博客
09-01 634
问题描述 在vue项目中，给一个按钮加上背景图片，路径是正确的，但是编译后（npm run build）却不显示，但是如果给按钮加上图标，编译后就可以正常显示。 问题分析 经过排查发现，问题是因为编译前后，图片路径不一致导致的。 编译后会生成一个dist文件，图片在dist下的某个文件夹下。但是代码里写的图片路径还是原来的，所以页面上显示失败。 图标可以正常显示是因为图标经过了base64转换，正常的图片就不会这么转换。 解决方案 网上找了很多办法，加什么require(‘imgUrl’),或者是改pub
给Button按钮设置背景图片在IE下不能正确显示的问题
xy_liwei的专栏
02-24 1465
今天在给按钮添加图片时，发现添加图片会有黑色边框，这应用下面样式： 样式为：background-image:url(../Images/Login_Btn.jpg);background-color:Transparent;background-repeat:repeat-x;border:1px solid #7CBCEB;cursor:pointer;letter-spacing:1px;
javafx开发- ImageView标签设置图片不显示
微微一笑满城空
05-26 573
图片不显示的原因没找到, 但是找到了解决办法 嘿嘿…
Android中遇到button按钮设置背景图片无法显示的解决方案
m0_62059090的博客
09-14 5797
给button设置了background的属性却显示不出来，我们可以试着这样做！
详解RecyclerView设置背景图片长宽一样(以GridLayoutManager为例)
08-28
RecyclerView 是 Android 中一个常用的显示列表的控件，但是在使用过程中，经常会遇到设置背景图片长宽一样的问题，特别是在使用 GridLayoutManager 时。这篇文章主要介绍了如何解决这个问题，实现 RecyclerView 中...
QLabel 设置背景图片的方法和解决图片太大不能完显示办法
Doyoung
12-02 3615
#QLabel 设置背景图片的方法和解决图片太大不能完显示办法 文章目录1、通过`QPixmap`来设置方法注意2、通过`QSS`设置方法注意 1、通过QPixmap来设置 方法 // 获取到图片目录 QDir dir(qApp->applicationDirPath()); dir.cd("src"); // 构建pixmap QPixmap pixmap(QDir().absoluteFilePath("Title.png")); // 设置pixmap ui.title_label->se
input与button按钮背景图失效不显示的解决办法
weixin_30706507的博客
11-27 552
今天做公司的某个网站前端网页页面的时候笔者又遇到了难解决的网页前端DIVCSS代码问题，一个平时不会发生的怪事情发生了：为网页代码中的Form表单中的input 和 button 按钮标签在CSS样式代码文件中设置了背景图background-image竟然失效不起作用不显示了！笔者查看了这个代码在IE、火狐等各浏览器下的 浏览效果，尽管该代码在DW(DreamWeaver)中显示正常，...
vue文件style中设置背景文件打包后不生效问题
若晨工作室
07-28 1512
在vue项目中当需要在vue文件中的style里引入背景图片时，dev环境正常显示，build以后文件布到服务器上打开发现背景图不生效。 查看控制台发现这个样式的背景图引入路径错了。 解决办法是在打包配置的build文件夹中找到utils.js文件，在该文件中找到vue-style-loader配置的部分加上publicPath: '../../' 重新打包后放到服务器上测试，发现背景图片引入路径就正确了✌✌ ✌ 大功告成！ 参考文章：https://segmentf...
解决Python Tkinter中Toplevel插入图片无法显示问题
qq_23944945的博客
10-30 4199
解决Python Tkinter中Toplevel插入图片无法显示问题解决办法a. 将tk_image变为全局变量缺点：这种办法只能提前知道图片的路径，所以不推荐b. 在preview()函数最后添加 top.mainloop() <推荐> 在主窗口中添加一个button，点击预览一张图片，代码如下： #! python3 # _*_ coding:utf-8 _*_ from...
vue el-button nginx发布后鼠标悬浮时没有背景色，样式丢失
liulang1905的博客
07-02 571
使用nginx发布后，之前用的el-button鼠标悬浮时没有背景色 具体原因不太清除，使用 :hover 解决 开始时没有问题时 发布后 添加 :hover样式 .data-filter:hover { background: #c3d7ee; color: #fff; }
element 按钮样式：确认按钮发布后样式发生改变
wwf1225的博客
01-20 3652
场景：确认按钮发布后样式发生改变，发布后，点击确认按钮，背景色消失，添加红色focus即可 <el-button type="text" class="ok" size="medium" @click="issue">确认</el-button> .ok { width: 150px; font-size: 14px; background: #4...
Button设置背景后不生效
坚持在Android领域深耕、突破、创新。
07-15 1406
现象： Button设置背景后不生效，仍为蓝紫色。 解决方法： 修改默认的主题。 找到项目中上面这两个 xml 文件，将 parent=“Theme.MaterialComponents.DayNight.DarkActionBar” 修改为 parent=“Theme.MaterialComponents.DayNight.NoActionBar.Bridge” 即可解决。 ...
代码创建button图片 文字等不显示或显示不正确原因及cell点击事件和btn的点击事件优先级...
weixin_34253126的博客
10-28 797
为什么80%的码农都做不了架构师？>>> ...
解决在Android studio的Button控件下background背景设置不起作用的问题
Delong-IT
04-21 1353
Button控件默认的背景是深紫色的，想要修改背景色所以添加了background字段，但是又不起作用。其实是themes.xml文件里的 style 标签 的 parent 属性设置不对。
Ant Design引入tailwind样式混乱，造成按钮Button背景透明
最新发布
qq_45862085的博客
01-26 772
ant-design中引入了tailwind，发现按钮变成了透明，只有鼠标悬浮到按钮上才会出现蓝色移入前鼠标悬浮后才会出现蓝色这是由于引入了tailwaind造成了样式冲突
给JPanel添加背景图片后，其他组件不显示
05-03
这种情况通常是因为设置了背景图片后，其他组件的背景色被覆盖，导致无法显示。可以尝试以下两种方法解决： 1. 将其他组件的背景设置为透明色 在添加背景图片的 JPanel 上，使用 setOpaque(false) 方法将其背景设置为透明色，这样其他组件的背景就可以显示出来了。 ``` JPanel panel = new JPanel() { protected void paintComponent(Graphics g) { super.paintComponent(g); Image image = new ImageIcon("background.jpg").getImage(); g.drawImage(image, 0, 0, this); } }; panel.setLayout(new BorderLayout()); JButton button = new JButton("Button"); button.setOpaque(false); // 将按钮的背景设置为透明色 panel.add(button, BorderLayout.CENTER); ``` 2. 使用 JLayeredPane 将组件层叠显示 使用 JLayeredPane 可以将多个组件层叠显示，这样即使背景图片覆盖了其他组件的背景色，也不会影响它们的显示。 ``` JLayeredPane layeredPane = new JLayeredPane(); JPanel panel = new JPanel() { protected void paintComponent(Graphics g) { super.paintComponent(g); Image image = new ImageIcon("background.jpg").getImage(); g.drawImage(image, 0, 0, this); } }; panel.setBounds(0, 0, 600, 400); layeredPane.add(panel, new Integer(0)); JButton button = new JButton("Button"); button.setBounds(100, 100, 100, 50); layeredPane.add(button, new Integer(1)); frame.setContentPane(layeredPane); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值