如何用CSS来实现网页中DIV层的透明效果
时间:2015-01-04 | 来源:士人网络 | 关注: 477 次
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%半透明,火狐浏览器不认;
2、-moz-opacity:是针对mozilla firefox火狐浏览器实现半透明,IE浏览器不认此属性,-moz-opacity:0.5相当于设置半透明为50%
3、opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明。
小小常识,可要记住哦!也不要忘了本代码为士人网络天水网站建设提供哦!给我们点个赞吧!如果您觉得很重要不妨收藏了,也可以分享给你的朋友哦!分享点击下面的分享按钮吧!
相关热词搜索: 用CSS实现层透明,DIV透明效