如何用CSS来实现网页中DIV层的透明效果
时间:2015-01-04 | 来源:www.eshiren.com | 作者:士人网络 | 点击:
460
次
DIV+CSS是目前普遍采用的网页编辑模式，这种模式的网页有很多DIV标签，一个div就代表网页当中的一个层。在网页设计过程中有时候会用到透明或半透明的效果，那么怎样把一个div层变得透明呢？这里士人网络天水网站建设通过CSS来实现DIV层的透明效果。
div层透明效果的CSS样式代码为：
div{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
说明：
1、filter：是针对IE浏览器设置半透明滤镜效果，filter:alpha(Opacity=50)代表该对象50%半透明，火狐浏览器不认；
div层透明效果的CSS样式代码为：
div{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
说明：
1、filter：是针对IE浏览器设置半透明滤镜效果，filter:alpha(Opacity=50)代表该对象50%半透明，火狐浏览器不认；
2、-moz-opacity：是针对mozilla firefox火狐浏览器实现半透明，IE浏览器不认此属性，-moz-opacity:0.5相当于设置半透明为50%
