仅使用CSS,是否可以使background
元素的元素半透明,但元素的内容(文本和图像)不透明?
我想在不将文本和背景作为两个单独的元素的情况下完成此操作。
仅使用CSS,是否可以使background
元素的元素半透明,但元素的内容(文本和图像)不透明?
我想在不将文本和背景作为两个单独的元素的情况下完成此操作。
仅使用CSS,是否可以使background
元素的元素半透明,但元素的内容(文本和图像)不透明?
我想在不将文本和背景作为两个单独的元素的情况下完成此操作。
仅使用CSS,是否可以使background
元素的元素半透明,但元素的内容(文本和图像)不透明?
我想在不将文本和背景作为两个单独的元素的情况下完成此操作。
仅使用CSS,是否可以使background
元素的元素半透明,但元素的内容(文本和图像)不透明?
我想在不将文本和背景作为两个单独的元素的情况下完成此操作。
尝试时:
p {
position: absolute;
background-color: green;
filter: alpha(opacity=60);
opacity: 0.6;
}
span {
color: white;
filter: alpha(opacity=100);
opacity: 1;
}
<p>
<span>Hello world</span>
</p>
解决方案:
使用半透明的PNG图像或使用CSS 3:
background-color: rgba(255, 0, 0, 0.5);
这是来自css3.info,不透明度,RGBA和妥协的文章(2007-06-03)。
<p style="">
<span>Hello, World!</span>
</p>