molily: background-size in background shorthand

Beitrag lesen

SELF-Forum

background-size in background shorthand

molily
– Informationen zu den Bewertungsregeln

Hallo,

einige Browser kennen background-size, aber Opera scheint der einzige zu sein, der background-size in der Shorthand-Eigenschaft background erlaubt:

http://jsfiddle.net/HaTc8/

background: url('https://graph.facebook.com/140216402663925/picture?type=small') center no-repeat;  
background: url('https://graph.facebook.com/140216402663925/picture?type=large') center / cover no-repeat;

Die Syntax ist gemäß
http://www.w3.org/TR/css3-background/#the-background

Ich will ein anderes (größeres) Bild laden, wenn der Browser background-size: cover unterstützt.

Das funktioniert leider nur im Opera. Kann ich das irgendwie anders notieren, sodass ich »Progressive Enhancement« machen kann?

Ich habe mir jetzt mit einer JavaScript-Feature-Detection der background-size-Eigenschaft weiter geholfen. Finde ich aber äußerst unschön.

Mathias

Beitrag melden
–
Informationen zu den Bewertungsregeln