css 实现背景透明内容不透明

最新推荐文章于 2023-04-11 17:43:29 发布

weixin_30920853

最新推荐文章于 2023-04-11 17:43:29 发布

阅读量54

点赞数

原文链接：http://www.cnblogs.com/gobiggirl/p/3641198.html

版权

body{ background:yellow;}
div{height:50px; background-color:rgba(0,0,0,.2)!important;/*实现FF背景透明，文字不透明*/background:#000; filter:alpha(opacity=10);/*实现IE背景透明*/ }
p{ position:relative;/*实现IE文字不透明*/ }
</style>
</head>

<body>
<div style=""><p>这个是文字这个是文字</p></div>
</body>

火狐我们直接用rgba颜色就可以解决子标签跟着半透明的问题了，但是ie还不是能很好的支持。

所以我们给不想被透明的标签设置一个定位属性，问题接能解决了。

转载于:https://www.cnblogs.com/gobiggirl/p/3641198.html