html怎么设置透明度(2)-木庄网络博客

开发实践

<html>
    <head>
        <meta charset="utf-8">
        <title>Opacity</title>
        <meta http-equiv="X-UA-Compatible" content="IE=7,chrome=1.0">
 
        <style type="text/css" rel="stylesheet">
            *{
                padding: 0px;
                margin:0px;
            }
            .mainbox{
                width: 200px;
                height: 200px;
                clear: both;
                overflow: hidden;
                margin: 100px auto 0px auto;
                background-color: #f06;
            }
            .sub-mainbox
            {
                width: 250px;
                height: 200px;
                margin: -50px auto 0px auto;
                border:1px solid white;
                border-radius: 5px;
                /**background-color:rgb(0,152,50);**/
                background:url(path/my_bg.jpg) no-repeat center center scroll;
                opacity: 0.7;
                filter:alpha(opacity=70);
            }
        </style>
    </head>
    <body>
 
        <p class="mainbox">
             
        </p>
 
        <p class="sub-mainbox">
             
        </p>
 
    </body>
</html>