实现文字背景不透明

 

<!DOCTYPE html>

<html>

    <head>

       <div><p>不透明</p></div>

  </head>

    </body>

</html>

div{

background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/

background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/

width:500px;

height:500px;

color:#F30;

font-size:32px;

font-weight:bold;}

 div p{ position:relative; }/*实现IE文字不透明*/

posted @ 2014-11-26 19:29  青青flye  阅读(191)  评论(0)  编辑  收藏  举报