CSS"不重复"不在IE中工作

Question

在CMS中使用一些内联CSS(好玩!).这段代码在Chrome和Firefox中应运行,背景图像只出现一次.但是当页面在IE 9中加载时,就好像忽略了无重复值,并且背景图像通过div的长度重复.

<div style="width: 500px; margin-top: -10px; background-image: url(http://.../uploadedImages/horizontal-rule-top.gif); background-position: 50% 0%; background-repeat: no-repeat, no-repeat; "><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(228, 128, 28); padding-top: 30px; padding-bottom: 15px; font-size: 16px; ">
...</div>

任何建议都会受到赞赏!

Answer 1

我认为IE存在第二个问题no-repeat,并且,根据规范,无视它不理解的规则.IE理解的选项似乎是:

• repeat-x,
• repeat-y,和
• no-repeat.

如果你将CSS修改为上面的一个,它应该工作.