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

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还不是能很好的支持。

 所以我们给不想被透明的标签设置一个定位属性,问题接能解决了。
posted @ 2014-04-02 17:30  酸柠檬  阅读(635)  评论(0编辑  收藏  举报