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

饮食贵在节,读书贵在精,锻炼贵在恒,节饮食养胃,多读书养胆,喜运动延生!人生需要有目标,有追求,然有所以。
在项目中用到的透明效果,除了用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 透明背景时,记得给容器加上width宽度就介绍到这了。青春,一个被赋予太多憧憬与希望的词汇。在很多人眼里青春如火,燃烧着激情与活力;青春如花,绽放着智慧和希望。但在我的眼里,青春就如一只迷途的鹿,徘徊在人生的十字路口,前路是满布的荆棘与彷徨。更多相关CSS 透明背景时,记得给容器加上width宽度内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题