作家
登录

CSS 透明背景时,记得给容器加上width宽度

作者: 来源:www.28hudong.com 2012-11-19 22:25:15 阅读 我要评论

在项目中用到的透明效果,除了用PNG24图片外就是用如下样式了: 复制代码代码如下: filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* Moz + FF */ opacity: 0.7; /* 支持CSS3的浏览器(FF 3.6也支持)*/ 今天却用傻了,居然IE不透明了,相关代码如下: 复制代码代码如下: .mes_show{ background:#EBEBEB;position:relative;margin-top:-60px;padding:1px; filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* Moz + FF */ opacity: 0.7; /* 支持CSS3的浏览器(FF 3.6也支持)*/ } 在IE下不透明,FF上透明?百思不得其解. 晚上终于查出原由~因为我父层定了宽,里面这个层自然我就不会再写一遍啦!结果问题就出在这.给其加个宽就行了.(另外不加宽加个绝对定位也行哦!)

  推荐阅读

  跨浏览器开发经验总结(二) CSS

CSS类级别的hack仅IE7识别 *+html {…} IE6及IE6以下识别 * html {…} opera、safari、chrome识别: @media all and (min-width: 0px){…} //Firefox3.0.6不识别,但Firefox3.6也识别该规则,>>>详细阅读


本文标题:CSS 透明背景时,记得给容器加上width宽度

地址:http://www.17bianji.com/kaifa2/CSS/16615.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)