您现在的位置是:网站首页> 编程资料编程资料

css box-shadow阴影不透明的解决办法_CSS教程_CSS_网页制作_

2021-09-08 817人已围观

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

如下面示例:

复制代码
代码如下:











www.jb51.net

阴影效果




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

复制代码
代码如下:











www.jb51.net

阴影效果



-六神源码网