【问题标题】:IE Opacity Problem in Nested Elements嵌套元素中的 IE 不透明度问题
【发布时间】:2011-05-21 16:37:14
【问题描述】:

有人找到解决方案了吗? http://seanmonstar.com/post/709013028/ie-opacity-ignores-positioned-children

我已经搜索了几个小时,但找不到解决方法。我知道 filter:inherit 有效,但我实际上需要过滤器来为嵌套元素之一提供不透明度......

【问题讨论】:

    标签: css internet-explorer opacity inheritance


    【解决方案1】:

    看看这个似乎可行的例子:jsfiddle

    所以我使用 jquery 淡入和淡出影响不透明度,如果你删除 position:relative;来自#toggle_me;你会发现定位元素有问题,所以解决方法是使用 position:relative;在父级上。

    同样在 jquery 代码区域你会看到 this.style.removeAttribute('filter');这会阻止 IE 在文本淡出时奇怪地呈现文本。

    【讨论】:

    • 仍然不起作用 - 看看 jsfiddle.net/digitalzoomstudio/yWrFN/2 [我可以用一个没有动画的工作示例]
    • 哦,好吧,这似乎与您最初发布的 seanmonstar.com 链接无关。您只是想让一个完全透明元素的子元素不完全透明。你不能在任何浏览器上这样做。
    • 嘿,伙计,实际上是相反的......它适用于所有浏览器,但即......我认为除了我发布的那些之外,没有其他解决方案。
    • 将您的示例更改为使用标准不透明度:jsfiddle.net/yWrFN/22 并在 Firefox 中查看,您看不到子元素,那么这在其他浏览器中如何工作?
    • 为什么首先接受这个答案,因为它没有解决问题,而是使用客户端脚本来缓解它。问题上的标签没有提到脚本,这应该只使用 CSS 来解决。
    猜你喜欢
    • 2023-03-10
    • 2011-04-01
    • 1970-01-01
    • 2011-10-12
    • 1970-01-01
    • 2010-10-29
    • 1970-01-01
    • 2010-11-18
    • 1970-01-01
    相关资源
    最近更新 更多