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，值越小，透明度越好，也即上一层级显示越来越明显。注：透明度是和层级搭配使用的

2021-10-03
2022-02-21
2021-08-02
2022-12-23
2021-12-15
2022-12-23
2022-12-23