css背景颜色半透明，文字不透明（兼容ie、火狐、chrome）

2019独角兽企业重金招聘Python工程师标准>>>

css代码：

<style type="text/css">
.div {
    background:rgba(255, 255, 255, 0.4) none repeat scroll 0 0 !important; /* 实现FF背景透明，文字不透明 */
    filter:alpha(opacity=40);
    background:#fff; /* 实现IE背景透明 */
}
.div p { position:relative; }
</style>

html代码：

<div class="div">
    <p>文字所在层</p>
</div>

注意：一定要给文字所在的层增加相对定位属性，否则效果将无法显现，一切白搭

转载于:https://my.oschina.net/kangweb/blog/1635417