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

前端之家收集整理的这篇文章主要介绍了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/)。

原文链接:https://www.f2er.com/css/218814.html

猜你在找的CSS相关文章