IE размер фона не работает

Question

Я пытаюсь заставить фон растягивать все тело (только ширина). Это работает только на Chrome, Opera и Firefox. Как я могу заставить это работать на IE тоже? O_o

background-size:100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;

Answer 1

Я создал jquery.backgroundSize.js : плагин jquery размером 1,5 КБ, который можно использовать как запасной вариант IE8 для значений «cover» и «содержать».Взгляните на демоверсию .

Answer 2

, так как background-size является специфическим для CSS3, вам придется использовать что-то подобное для работы в IE.

установите html и body на

html {overflow-y:hidden}
body {overflow-y:auto}

, оберните нужное изображениев полноэкранном режиме с div # page-background

#page-background {position:absolute; z-index:-1}

затем поместите это в html-файл

<div id="page-background">
  <img src="/path/to/your/image" width="100%" height="100%">
</div>

**, вам придется использовать своего рода сброс, чтобы удалить поля и отступы.как то так

html, body {height:100%; margin:0; padding:0;}

Answer 3

background-size не поддерживается в IE для версий под 9 . Кросс-браузерное решение - использовать плагин jquery, например fullscreenr .