CSS系列：[1]CSS实现半透明div层的方法-趣百科

CSS系列：[1]CSS实现半透明div层的方法

编辑：Simone 2025-02-27 19:18:09 578 阅读

CSS系列：[1]CSS实现半透明div层的方法

首先，先看一下实例，如下：

这里是透明的DIV

然后，在需要透明层div加CSS代码div{filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/}

这样就可以实现CSS半透明

主要应用的代码有：

filter:alpha(Opacity=80);/*支持 IE 浏览器*/

-moz-opacity:0.5;*支持 FireFox 浏览器*/

opacity: 0.5;/*支持 Chrome, Opera, Safari 等浏览器*/

z-index:100;/*此处为所在层数，尽可能设置大点*/

代码如下：

这里是透明的DIV

下面我们来见证一下代码实际效果吧！

CSS系列：[1]CSS实现半透明div层的方法