【问题标题】:IE8 Opacity of a div with absolute positioned divs contained inside内部包含绝对定位 div 的 div 的 IE8 不透明度
【发布时间】:2012-07-05 15:58:41
【问题描述】:

想知道这是否可能:我有一个容器 div,它设置了不透明度,并且该 div 内部是两个(或更多)绝对定位的 div。它应该使整个事情变得透明,就像在除 IE8 之外的所有浏览器中一样(IE7 甚至可以工作!)

http://jsfiddle.net/yckQu/6/

谢谢,

安迪

【问题讨论】:

    标签: html css opacity


    【解决方案1】:

    差不多了。只需在 CSS 中更新这一行:

    #opacity, #opacity div {
    

    问题在于,当您编写 #opacity 时,它针对的是该元素,而不是其子元素。像上面这样写可以纠正这个问题。

    http://jsfiddle.net/yckQu/7/

    【讨论】:

    • 嗨,效果不太一样,两个div有一个叠加的不透明度(你可以看到hotpink下面的粉红色)所有其他浏览器整个东西都是透明的。
    【解决方案2】:

    您可以在内部 div 的 CSS 声明中添加以下行:

    filter:inherit;
    

    这应该可以完成工作(它对我有用)。

    来源:

    http://www.jacklmoore.com/notes/ie-opacity-inheritance/

    【讨论】:

      猜你喜欢
      • 2010-12-12
      • 1970-01-01
      • 1970-01-01
      • 2011-10-04
      • 1970-01-01
      • 2011-07-05
      • 2012-08-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多