CSS "no-repeat" funktioniert nicht in IE

Question

Arbeiten mit ein wenig Inline-CSS innerhalb eines CMS (Spaß!). Dieser Codeabschnitt funktioniert wie in Chrome und Firefox, das Hintergrundbild kommt nur einmal vor. Aber wenn die Seite in IE 9 geladen wird, ist es, als ob der No-Repeat-Wert ignoriert wird und die Hintergrundbilder durch die Länge des div wiederholt werden.

<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> 

Jeder Rat würde sehr geschätzt werden!

Answer 1

Ich denke, IE hat Probleme mit der Anwesenheit der zweiten no-repeat, und, nach Spezifikation, die Regel ignorieren, die es nicht versteht. Die Optionen, die IE versteht zu sein scheinen:

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

Wenn Sie Ihr CSS zu einem der oben genannten ändern, sollte es funktionieren.

Answer 2

Versuchen Sie background-repeat: no-repeat; ohne den zweiten Wert. Ich glaube, dass die zwei Wert-Syntax Teil der CSS3 working draft ist und nicht von IE9 implementiert werden kann.

Answer 3

Versuchen Sie Ihren Hintergrund css "Hintergrund: URL (http: //.../uploadedImages/horizontal-rule-top.gif) nicht wiederholen 50% 0%;"

Answer 4

Prova con:

background-repeat-x: no-repeat; Hintergrund-Wiederholung: Wiederholung-y;