IE9 的 css 问题，例如渐变背景和圆角和阴影答案

【问题标题】：IE9 problems with css such gradient background and rounded corners and shadowIE9 的 css 问题，例如渐变背景和圆角和阴影
【发布时间】：2011-01-25 14:03:34
【问题描述】：

我为选定或悬停的菜单项使用渐变背景颜色，它在 chrome,FF,opera,ie7,ie8 中运行良好。但在ie9中，元素的背景出现在元素的右侧，但文本保持不变，这是第一个问题。

我面临的第二个问题是圆角，它在 chrome、FF、opera 中可以正常工作，但在 ie9 中，圆角还可以，但框的背景是图像但看起来是白色的！！！

第三个问题是阴影的问题我将阴影应用于包含图像的 div，它在所有浏览器中都可以正常工作，但是 ie9 偏移了整个 div，而不是在鼠标悬停时应用阴影和不透明度更改，通过在没有阴影的 div 的一侧添加黑色部分来增加问题？ ?????

当我听说 ie9 支持 css3 时，我知道这太不可思议了，ie 仍然是我的噩梦！！

我担心该网站将来会在 ie 9 中出现，所以我添加了这个 <meta http-equiv="X-UA-Compatible" content="IE=7.5"/>

当我使用 IE=7 或 IE=8 时，问题仍然存在但知道添加该行后它看起来更好，但不支持圆角。

【问题讨论】：

IE9 处于测试阶段，目前还不能保证可以正常工作，这里有一个很好的开发指南：msdn.microsoft.com/en-us/ie/ff468705
我已经阅读了本指南，但没有办法

标签： css gradient rounded-corners shadow internet-explorer-9

【解决方案1】：

你如何告诉 IE9 实现角和渐变？您是否使用 IE 过滤器（就像我假设您使用的是 7 和 8）？还是您实际上在使用 CSS3？

如果您使用过滤器，请尝试让 IE9 只使用 CSS3。您可以将过滤器放入它们自己的样式表中，然后使用条件 cmets 为它们定位 IE8 及以下版本，因此 IE9 完全忽略过滤器，这样您就知道它们没有干扰。

【讨论】：

我将 CSS3 用于未来，-moz- 用于 Firefox，-webkit- 用于 safari 和 chrome，过滤器也用于 IE8 及更低版本我更改了顺序，将 CSS3 放在最后占主导地位，但没有任何改变，我试图删除过滤器并检查 CSS3，它只给了我圆角，但背景变成白色而不是我的背景图像！！！
您可以更新您的帖子以包含您的代码吗？也许它与语法错误或您的订单中的一些怪癖有关。让一些新鲜的眼睛看着它不会伤害。
对不起，我不得不在我用渐变图像替换 css 渐变背景的时候完成它，我忽略了圆角，但我修改了很多次，我认为 html 和css。当我尝试单独使用带有纯色背景颜色的圆角时，它起作用了，当我尝试使用没有圆角的 css 渐变背景时，它起作用了！！！！问题在于它们的组合。