trycss_exp_fai_5 在线代码实例

实例代码( Tip: 登录后体验更佳 )
运行代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<meta charset="utf-8">
<title>编程狮(w3cschool.cn)</title>
<head></head>
<style>
    .alpha1,.alpha2{  
    width:100%;  
    height:auto;  
    min-height:250px;/*必需*/  
    _height:250px;/*必需*/  
    overflow:hidden;  
    background-color:#FF0000;/*背景色*/  
    }  
    .alpha1{  
    filter:alpha(opacity=20);/*IE透明度20%*/  
    }  
    .alpha2{  
    background-color:#FFFFFF;  
    -moz-opacity:0.8;/*MozFF透明度20%*/  
    opacity:0.8;/*支持CSS3的浏览器（FF1.5也支持）透明度20%*/  
    }  
    .ap2{  
    position:absolute;  
    }   
</style>
<body>
    <div class="alpha1"> 
        <div class="ap2"> 
            <p>背景为红色(#FF0000)，透明度20%。</p> 
        </div> 
            <div class="alpha2"> 
            </div>
    </div> 
        
</body>
</html>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
运行结果
PC端手机端平板端