Как я могу растянуть фон на все окно?

Question

Я пытаюсь растянуть фон, чтобы заполнить все окно HTML / CSS.
Я видел несколько решений для этого, но они не работают.
Каждое решение, с которым я сталкиваюсь, не будетработать на всех браузерах, либо Chrome не будет растягивать его, либо IE не будет растягивать его, и если они оба это сделают, Firefox будет проблематичным.

У кого-нибудь есть рабочее решение, которое будетработать на всех браузерах?(не возражаю против некоторого JavaScript)

Answer 1

У меня была эта проблема некоторое время назад, и я обнаружил, что у этого сайта http://webdesign.about.com/od/css3/f/blfaqbgsize.htm есть очень хорошо написанное руководство, которое хорошо объясняет его, плюс оно работает для того, что я искал.

Answer 2

http://reisio.com/temp/stretch/

Answer 3

Я считаю, что нет способа сделать это без создания элемента img, установки его z-порядка внизу и последующей настройки его ширины. Эта страница содержит подробности.

Редактировать: В ссылке сказано использовать position: fixed;.Это будет работать только в старых версиях IE, если вы укажете тип документа.Использование абсолютного - простой обходной путь, если элемент является прямым потомком тела.

Answer 4

напишите css для того, в котором фоновое изображение будет в теле. Как

body {
    background-image: url("/images/bg.jpg");
    background-repeat: no-repeat;
    background-position:center top ;
     }

Это сохранит общее изображение в теле. Попробуйте надеяться, что это будет работать.