css – 如何停止互联网浏览器的适当渐变过滤器,以切断应该溢出的内容？

我在我的CSS中使用Internet Explorer的渐变过滤器。

一直进行得很好，直到我注意到应该超出他们的容器的图像溢出：可见;就像容器被设置为溢出一样被隐藏;

我不知道为什么会发生这种情况，或者如何解决这个问题。谁能帮忙？

我在IE8和IE7中看到它

这是引发问题的CSS，当我发表评论时，没有更多的错误：

.Box{
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b4cfe9',endColorstr='#e4eefc'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#e4eefc')"; /* IE8 */
}

解决方法

这可能会帮助那些正在选择支持IE7的用户。

如果元素被定位(相对/绝对/固定)，IE7将总是有问题。在IE8中，如果z-index设置为auto，则问题消失。

如果您需要支持IE7，或者您需要使用z-index堆栈的东西，则必须安排第二个包装DIV。

<div class="position_me_and_stack_me_with_z-index">
  <div class="give_me_a_filter">
    Content goes here
  <div>
</div>

编辑2012-05-29：我已经创建了一个例子来显示如何解决这个问题。我创建了一个解决z-index堆栈问题的例子，而且也正好解决了这个问题(http://jsfiddle.net/ryanwheale/gz8v3/)。