使用过滤器 css 属性会破坏 IE 上的布局答案

【问题标题】：using filter css property ruins the layout on IE使用过滤器 css 属性会破坏 IE 上的布局
【发布时间】：2010-12-13 19:36:28
【问题描述】：

想要为我的菜单设置渐变背景，而不必使用背景图片
IE 通过它的 filter 属性“支持”渐变

在 IE 上打开下面的 jsbin 例子来查看和玩http://jsbin.com/ijudu4/9/edit 在 IE7 中，列表不能脱离它的容器。

在 IE8 上它可以工作，但是当您将 z-index 添加到容器时（以解决其他 IE7 问题）
该列表也不可见

我现在的“解决方案”只是使用背景图片，很乐意找到更好的

【问题讨论】：

问题是——你为什么要使用像 IE 过滤器那样可怕的黑客？最好使用至少不是特定于供应商或特定于“实际浏览器”的东西——它们支持 CSS3 ihn，你可以离开 IE 并以“正确的方式”做一些事情。
+1。完全同意 Tomasz Kowalczyk 的观点。不建议使用过滤器。

【解决方案1】：

我想推荐使用CSS3Pie 而不是filter 来让IE 做渐变（和边框半径）。

CSS3Pie 是一个非常聪明的 IE 小技巧，它允许您使用更符合标准的方法来设置这些属性。

希望对您有所帮助。

【讨论】：

感谢您的建议，我会研究这个派，但我真的很想用过滤器理解/解决这个问题 - 已经用 bg 图像“解决”了它
@Avi Pinto - 很高兴你解决了它。图像不是理想的解决方案，但可以完成工作。 CSS3Pie 很棒，因为它不使用任何图像，并且允许您为其他所有浏览器使用适当的 CSS 解决方案。