css - 嵌套元素中的 IE 不透明度问题

标签 css internet-explorer opacity inheritance

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

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

最佳答案

看看这个似乎有效的例子:jsfiddle

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

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

关于css - 嵌套元素中的 IE 不透明度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4378711/

相关文章:

internet-explorer - IE 如何决定出示哪些证书

html - 文本出现在 :active (masonry)

Jquery不透明度改变

javascript - 如何在 CSS3 中保持动画之间的状态?

php - 导航 CSS 在 IE/chrome 上没有响应

internet-explorer - 即使我使用的是 .htc 文件,IE 中的边框半径也不起作用

javascript - Angular 1.4.8 导致 ngOptions "group by"在 IE 11 中结果加倍

javascript - 如何使用 javascript 将不透明度从 0 添加到 100?

javascript - 将 Bootstrap 模板与普通 Web 组件一起使用

jquery - 子元素字体大小根据父元素的高度动态调整