HTML使ol/ul的背景透明度不影响里面的li

博客作者在尝试为小圆点父级添加透明背景时遇到问题,发现这会影响到子级的背景色,即使设置了子级的opacity:1也无法解决。通过研究源码,作者找到了解决这个问题的方法。文章详细介绍了这一过程,并分享了实现透明背景而不影响子元素颜色的技巧。

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

先看我拼的一张图吧 ⬇
在这里插入图片描述
其实就小圆点父级的透明背景的有无,就感觉别人的高级好多。

于是我也尝试加透明背景,结果发现,单单给父级加透明背景,会影响子级的背景色, 就算给子级添加opacity: 1属性也无济于事。 ⬇
在这里插入图片描述
然后经过研究人家的源码,找到了解决方案 ⬇
在这里插入图片描述
除了标注的,其他的代码均没有变化

问题解决

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

z_yuyu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值