前端 - css 如何设置背景图片的透明度？
css 如何设置背景图片的透明度？
代码类似：
<div style="background-image:url("/tmp/2.png");">文字要清晰可见</div>网上了搜了说用
background-color: rgba(255, 255, 255, 0.5);
然而实际并没效果，最后那个数字我即使调到 0 依然没任何效果。
恳请大佬指点，谢谢。
共有3个答案
你可以在div下垫一个image标签，给image标签设置opacity透明度就好了，楼上说的用伪元素也是一个不错的方案。
用伪元素代替背景层：
<div class="wrap"></div>.warp{ position: relative;}.warp:before{ position: absolute; content: ""; opacity: .6; /*透明度*/ background-image: url('xxxx'); top: 0; left: 0; right: 0; bottom: 0;}
background-image: url() 不支持透明度，实在不行的话，用 position:absolute 来做吧。
-
图片宽是1920px，高度100px 在大屏幕下显示为这样： 横向不拉伸，两边就会留白 如果铺满屏幕，那么图片会被裁剪 想要实现的效果是图片高度不变，仅横向拉伸铺满屏幕，请问要使用什么属性设置，或者对于这种标题背景使用什么方式解决？
-
本文向大家介绍Android编程实现设置按钮背景透明与半透明及图片背景透明的方法，包括了Android编程实现设置按钮背景透明与半透明及图片背景透明的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android编程实现设置按钮背景透明与半透明及图片背景透明的方法。分享给大家供大家参考，具体如下： Button或者ImageButton的背景设为透明或者半透明： 半透明 透明 颜色和不
-
本文向大家介绍使用CSS设置背景色的不透明度，包括了使用CSS设置背景色的不透明度的使用技巧和注意事项，需要的朋友参考一下 要设置背景色的不透明度，请使用不透明度属性和RGBA颜色值。 示例 您可以尝试运行以下代码来实现opacity属性：
-
问题内容： 我正在使用类似于以下代码的内容： 我希望这可以使背景的不透明度为0.4，文本的不透明度为100％。相反，它们都具有0.4的不透明度。 问题答案： 儿童遗传不透明。如果他们不这样做，那将会很奇怪和不便。 您可以为背景图像使用半透明的PNG文件，也可以为背景颜色使用RGBa（alpha表示）颜色。 例如，50％的黑色背景褪色：
-
我有一些PNG图像，由黑色形状和透明背景组成。不幸的是，IrfanView将透明背景显示为黑色，所以我只能在黑色上看到黑色。我在Irfan设置中发现，我可以更改窗口的背景色，但它只会更改图像周围的颜色，透明的颜色仍然是黑色。 有没有办法改变显示为透明的颜色，或者最好使用Photoshop之类的白灰色方块？
-
我正在尝试移除（或者只是设置为不可见）我的JList的背景和边框。 当我在它上设置透明颜色时，我的JList背景保持白色。 这是我的自定义jcombox呈现器类： 我尝试在每个组件上放置和，但是没有好的结果。 一个解决方案是调整列表中图像的大小，但我的图像不是矩形的，所以列表背景的角是可见的。