背景重复不在IE中工作

时间:2011-03-02 20:11:37

标签: html css

IE正在播放(像往常一样),我有一个div,右下角的图像设置为'no-repeat',但IE正在渲染重复的图像......

这是一个链接,如果有人愿意检查出来 - 它位于标题为'广告'的右侧栏的一半:

http://inside-guides.co.uk/brentwood/pages/index.html

这是CSS(也可以查看开发人员的工具)

.right-nav .bg.advertise-home {background:url(/images/Structure/sign.png) right 100% no-repeat;}

任何想法?讨厌ie!

3 个答案:

答案 0 :(得分:3)

这似乎是由您使用的 border-radius.htc 行为引起的。

如果是这个:http://code.google.com/p/curved-corner/那么你应该看看问题,因为它似乎是一个已知的问题,在讨论结束时会有一些补丁。

http://code.google.com/p/curved-corner/issues/detail?id=1

答案 1 :(得分:1)

这可能是由你的速记引起的:

background:url(/images/Structure/sign.png) right 100% no-repeat;

应该是:

background:url(/images/Structure/sign.png) no-repeat right 100%;

答案 2 :(得分:0)

我只在我的VMware上安装了XP,但我可以在XP中告诉你该网站完全搞砸了。但我不确定IE是否喜欢100%。

您还可以添加一个重要的表达式,以确保此类的CSS不会被取代,即

.right-nav .bg.advertise-home {background:url(/images/Structure/sign.png) right 100% no-repeat !important;}