#javascript #html #css #background
#javascript #HTML #css #фон
Вопрос:
Я пытаюсь растянуть фон, чтобы заполнить все окно HTML / CSS.
Я видел несколько решений для этого, но они не работают.
Каждое решение, с которым я сталкиваюсь, не будет работать во всех браузерах, либо Chrome не будет его растягивать, либо IE не будет его растягивать, и если они оба это сделают, firefox будет проблемным.
Есть ли у кого-нибудь рабочее решение, которое будет работать во всех браузерах? (не возражаю против некоторого javascript)
Ответ №1:
Я считаю, что нет способа сделать это без создания элемента img и установки его z-порядка в нижней части, а затем настройки его ширины. На этой странице есть подробности.
Редактировать: В ссылке сказано использовать position: fixed; . Это будет работать только в старых версиях IE, если вы укажете doctype. Использование absolute является простым обходным решением, если элемент является прямым дочерним элементом body.
Комментарии:
1. Это не работает для IE8… Фоновое изображение отображается над содержимым (отдельно)
2. Просто фоновый div должен быть абсолютным, а не фиксированным .. добавьте это к своему ответу
3. Я понимаю, что вы имеете в виду, рад видеть, что вы разобрались с этим. Это должно работать с исправленным, если вы объявили doctype кстати.
Ответ №2:
У меня была эта проблема некоторое время назад, и я обнаружил, что этот веб-сайт http://webdesign.about.com/od/css3/f/blfaqbgsize.htm у меня был очень красиво написанный учебник, в котором это хорошо объясняется, плюс это сработало для того, что я искал.
Ответ №3:
Ответ №4:
напишите css для того, в котором фоновое изображение будет в body.like
body {
background-image: url("/images/bg.jpg");
background-repeat: no-repeat;
background-position:center top ;
}
Это сохранит общее изображение в теле.Попробуйте это, надеюсь, это сработает.