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

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

2021-09-08 873人已围观

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

如下面示例：

复制代码
代码如下:











www.jb51.net

阴影效果




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

复制代码
代码如下:











www.jb51.net

阴影效果



上一篇：CSS3 特效范例整理_css3_CSS_网页制作_

下一篇：css a:hover下的span样式无效的解决方法_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网