Question

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

这适用于除IE7之外的所有（我测试的）浏览器 filter: 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中的小提琴。不知道为什么。

Answer 1

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

尝试对按钮应用过滤器（我没有更多的IE7，只是对它的行为不好或不好的回忆）

http://liveweave.com/x3GVng（您应该能够在IE7中看到它（不要尝试编辑，但稍后使用浏览器）

过滤器和z-index（IE7）

1 个答案: