Правильный способ включить дополнительный CSS для поддержки фона IE?

Question

У меня есть простой стиль для моего CSS, который прекрасно растягивает мой фон в Firefox и Chrome, но с этим кодом IE центрирует фон и не растягивает соответствующим образом.

html{
     background: url(images/bg4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
   } 

Я так понимаю, IE не распознает теги со 2 по 5, но есть ли способ добиться такого же эффекта с помощью дополнительного кода, или я застрял в IE, просто центрируя изображение и не растягиваяэто?

Спасибо

(Кроме того, я бы написал на своем обычном аккаунте, но openID дает мне припадки прямо сейчас)

Answer 1

написать правило, предназначенное только для IE

html{
     background: url(images/bg4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
background:url(images/bg4.jpg) no-repaeat center center\9; // this rule will affect all IE verisons but other browsers
   } 

Возможно, вы захотите создать собственное изображение для IE, если вы не можете архивировать то, что вы хотите, с тем же изображением. Например, создайте bg5.jpg с уже растянутым фоном.