CSS中<div>透明度(opacity)与叠放层级(z-index)

来源:互联网 发布:java ssh连接 编辑:程序博客网 时间:2024/06/11 14:11

当我们做前台Web的时候,为了达到预期的效果,经常需要设置div的透明度或者是叠放层级,下面我们就分别来看看如何很好的来使用filter和z-index。

filter

主要语法为:filter: alpha(opacity=80); opacity:0.8;

其中opacity的中文意思为不透明性; 费解; 难懂; 模糊,可想它的值越大越不透明,最小为0,最大为1。值得注意的是,现在许多浏览器都支持opacity:0.8;这样的写法,不用定义filter,但是ie似乎不行。为了兼容性最好都写上。

z-index

当我们定义的CSS中有position属性值为absolute、relative或fixed,z-index方可生效。并且此属性参数值越大,则被层叠在最上面,默认为0。

 

0 0