css box-shadow阴影不透明的解决办法

你在使用box-shadow来实现阴影效果的时候,有没有注意到有些情况下,阴影并不是透明的效果

如下面示例:

复制代码
代码如下:





html中文网





www.0133.cn

阴影效果




解决办法:box-shadow中的颜色使用rgba方式,如:rgba(0, 0, 0, 0.4),其中0.4用于设置透明度。如下面示例:

复制代码
代码如下:





html中文网





www.0133.cn

阴影效果



以上就是css box-shadow阴影不透明的解决办法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程