css 白色背景如何实现半透明

最新推荐文章于 2025-02-06 10:45:44 发布

都挺好，刚刚好

最新推荐文章于 2025-02-06 10:45:44 发布

阅读量6.4k

点赞数 1

分类专栏： CSS 文章标签： css javascript css3

本文链接：https://blog.csdn.net/seimeii/article/details/123087030

版权

CSS 专栏收录该内容

46 篇文章

订阅专栏

根据不同的应用场景和兼容性要求，有多种方法实现背景半透明。

1.在比较现代的浏览器中大多支持背景颜色的rgba颜色。可以如下设置background-color:rgba(255,255,255,0.5)/*背景颜色白色，50%透明度*/

2.使用opacity属性，对已设置background-color的元素设置filter:alpha(opacity = 50);/*兼容ie*/ opacity:0.5;

3.使用白色半透明的png图片。制作一个小的（如10*10）的白色半透明的PNG图片，将该图片设置为背景，设置background-repeat:repeat;