仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS5 ? ! ? K,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?u n e ! ?

我想在不将文本和背景m P ! i作为两个单独的元素的情况下完成此操作。

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成R ^ = F 0 R ~ {此操作。

仅使用CSS,是否可以使J ^ s d M q + Mbackground元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

尝试时:

p {
position: absolute;
background-color: green;
filter: alpha(opacity=60);
opacity: 0.6;
}s x n . ~
span {
colog e Q $r: white;
filte@ B J =r: alpho D I t W } Fa(opacity=100);
opacity: 1;
}
<p>
<spanX r S P V z )&ge m j &t;Hello world</span>
&3 a $ w } | w }lt;/p&6 k v ; @ ;gt;

解决方案:

使q M ? q i J用半透明的PNG图像或使用CSS 3:

background-color: rgba(2M ! B ]55, 0, 0, 0.5);

这是来P \ 2 ^ X自css3.info,不透明度) S m 0 L u 1 u HC 1 | b ?RGBA和妥协的文章(2007-06-03)。


<p styi i O \le="">
<span>Hello, World!</span>
<@ m / T ; V/p>

本文首发于前端黑洞网,博客园同步跟新

本文首发于前端J Z 6 G黑洞网,博客园同步跟新