IE9的问题有css这样的渐变背景和圆角和阴影

时间:2011-01-25 14:03:35

标签: css3 gradient rounded-corners shadow internet-explorer-9

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

我遇到的第二个问题是圆角,它在铬,FF,歌剧中工作得很好但在ie9角落还可以,但是盒子的背景是图像,但它看起来是白色的!

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

当我听说ie9支持css3我知道这是难以置信的,但仍然是我的梦魇!!

我害怕未来网站的外观即9,所以我加上这个 的 <meta http-equiv="X-UA-Compatible" content="IE=7.5"/>

当我使用IE = 7或IE = 8时,问题仍然存在 但是知道在添加该行之后它似乎更好但没有圆角的支持。

1 个答案:

答案 0 :(得分:1)

你是如何告诉IE9实现角落和渐变的?你在使用IE过滤器(就像我假设你使用的是7和8)?或者你真的在使用CSS3吗?

如果您正在使用过滤器,请尝试让IE9使用CSS3。您可以将过滤器放入他们自己的样式表中,只需使用条件注释来定位IE8及其下方,因此IE9完全忽略了过滤器,这样您就知道它们没有干扰。