欢迎访问士人网络天水网站建设专业服务平台 网站地图 | 联系我们
天水网站建设制作设计公司【天水士人网络】
天水网络公司电话
当前位置:首页 > 网站建设 > 网站建设知识 > 正文

如何用CSS来实现网页中DIV层的透明效果

时间:2015-01-04 | 来源:士人网络 | 关注: 884

     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透明效