CSS之透明度与层级

用例子说明:

1.

</head>
<body>
    <div style="position:fixed;top:0;left:0;right:0;bottom:0;background-color:green;">
        asdfas
        <span style="color:white">我是黑色</span>
    </div>
    <div style="z-index:5;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:red;"></div>

</body>
</html>

CSS之透明度与层级

2.上面例子 opacity:0.5

CSS之透明度与层级

3. opacity:0.9

CSS之透明度与层级

4. opacity:1

CSS之透明度与层级

总结:要存在透明度,opacity的值应该大于0而小于1,值越小,透明度越好,也即上一层级显示越来越明显。注:透明度是和层级搭配使用的