码迷,mamicode.com
首页 > Web开发 > 详细

css 区域透明内容不透明

时间:2017-10-09 13:09:37      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:ie8   new   int   oct   div   doc   width   hang   als   



<!DOCTYPE html> 
<html lang="en"> 
    <head>
        <meta charset="utf-8"><style> 
        div.background
        {
          width:500px; 
          height:250px; 
          background:red; 
          border:2px solid black; 
        }
        div.transbox
        {
          width:400px; 
          height:180px; 
          margin:30px 50px; 
           
          border:1px solid black; 
          opacity:0.6; 
          filter:alpha(opacity=60); /* IE8 及更早版本 */ 
        }
        div.transbox p 
        {
          margin:30px 40px; 
          font-weight:bold; 
          color:#000000; 
        }
        </style>
    </head>
    <body>
 
    <div class="background"> 
        <div class="transbox"> 
            <p>这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。
            </p>
        </div>
    </div>
     
    </body>
</html>

 

css 区域透明内容不透明

标签:ie8   new   int   oct   div   doc   width   hang   als   

原文地址:http://www.cnblogs.com/zhangshuda/p/7640401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!