CSS實現背景透明,文字不透明(各瀏覽器兼容)

/*CSS*/
.waps{ url(07158.bmp ) no-repeat top center fixed; width:1004px; text-align:center; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.con{ text-align:left; width:500px; height:400px; margin:0px auto; padding:100px 50px;
rgba(255,  255, 255, 0.8) none repeat scroll 0 0 !important;/*實現FF背景透明,文字不透明*/
filter:Alpha(opacity=80); background:#fff;/*實現IE背景透明*/}
.con p{ position:relative;}/*實現IE文字不透明*/

/*HTML代碼*/
<body>
<div class="waps">
  <div class="con">
    <p>CSS實現背景透明,文字不透明(各瀏覽器兼容)CSS實現背景透明
   </p>
  </div>
</div>
</body>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章