仅使用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 H,C 1 | b ?RGBA和妥协的文章(2007-06-03)。
<p styi i O \le="">
<span>Hello, World!</span>
<@ m / T ; V/p>
本文首发于前端黑洞网,博客园同步跟新
本文首发于前端J Z 6 G黑洞网,博客园同步跟新
特别声明:本站所收录作品、热点评论等信息来源互联网,目的只是为了系统归纳学习和传递资讯所有作品版权归原创作者所有,与本站立场无关,图文源自网络,如有侵权,请联系删除!请联系我们邮箱:908164873@qq.com/电话:187-8421-3206,我们将做删除处理!