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

本文介绍了CSS中filter和z-index属性的用法。filter用于调整元素的视觉效果,如透明度;而z-index则决定了元素的堆叠顺序。文章详细解释了这两个属性的语法及兼容性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当我们做前台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。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值