我在我的CSS中使用Internet Explorer的渐变过滤器。
一直进行得很好,直到我注意到应该超出他们的容器的图像溢出:可见;就像容器被设置为溢出一样被隐藏;
我不知道为什么会发生这种情况,或者如何解决这个问题。谁能帮忙?
我在IE8和IE7中看到它
.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/)。