如何用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%