在项目中用到的透明效果,除了用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

 1/2    1