internet-explorer - 过滤器和 z-index (IE7)

Question

我正在应用滤镜来实现 div 上的渐变。在元素内部，还有另一个元素应该与另一个元素重叠。为此，我使用了 z-index。

这适用于除 IE7 之外的所有(我测试过的)浏览器 过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3595d0', endColorstr='#004193',GradientType=0);

/*Close button inside the element with the filter*/
 .close-button {
    position: relative;
    float: right;
    display: inline-block;
    margin: -10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 2000;
}

如果我从我的代码中删除过滤器，这会起作用。在 IE7 中我可以没有过滤器，但在 IE7+ 中它会很好。为什么会这样？有什么解决方法吗？

编辑:se fiddle http://jsfiddle.net/pethel/HPPh2/5/ .在我的例子中，x 是一个图像。我无法在 IE7 中打开 fiddle 。不知道为什么。

Answer 1

IE7 中的过滤器使用 activex 模拟 haslayout。它将元素带到前面。

也尝试对按钮应用过滤器(我没有更多的 IE7，只是对其行为的好的或坏的内存)

http://liveweave.com/x3GVng (你应该能够在 IE7 中看到它(不要尝试编辑，使用更高版本的浏览器)