Internet Explorer не распознает тег html 'фоновое изображение css? - PullRequest
1 голос
/ 08 ноября 2010

Мне было интересно, есть ли способ обойти это?Я занимался редизайном своего старого сайта, посвященного сантехнике, и взял несколько идей с этого сайта http://visitmix.com/, где они использовали тег body css в качестве фона заголовка с несколькими перекрывающимися дизайнами в основной части сайта - и HTMLтег css для фона, повторяющий изображение остальной части веб-страницы.Хотя это работает в Firefox и Chrome, фон Internet Explorer - это просто цвет фона.

Веб-сайт, над которым я работаю, находится здесь: http://www.plumberkendal.co.uk, который показывает, что я имею в виду.Я пробовал множество вещей с шириной и высотой тега html css, но безрезультатно ... вот этот вопрос:

html 
{
 background-image: url("../images/html_bg.png");
 background-repeat: repeat;
 background-color: #5a84c5;
 height: auto;
 width: auto; 
}

body 
{
 padding-top: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 background-image: url("../images/header_bg.png");
 background-repeat: no-repeat;
 background-position: center top;
 text-align: center;
 }

Любая помощь будет принята с благодарностью, совместимость с разными браузерамиcss - это область, которая действительно смущает меня!

Ответы [ 2 ]

4 голосов
/ 08 ноября 2010

Вы должны назначить фон селектору тела, а не тегу HTML:

body 
{
background-image: url("../images/html_bg.png");
 padding-top: 0px;
 margin-top: 0px;
...
}

Назначение его селектору HTML не будет работать, так как HTML содержит элемент head и тело, иобычно не рассматривается как объект с фоном.

Назначение его селектору тела будет игнорировать теги <html> и <head> и помещать его прямо в основную часть страницы, отображая фонкак задумано.

(Если кто-то еще может объяснить это лучше, давай!):)

0 голосов
/ 26 июля 2011

Я знаю, что на этот вопрос уже есть ответ, и он старше, но я хотел бы поделиться своим решением на случай, если кто-то еще столкнется с этим.У меня были те же проблемы, когда я использовал фоновое изображение на своем теге <htm>.Решение должно было иметь правильное значение DOCTYPE.Ниже приводится тот, который я использовал:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Я также добавил @charset "utf-8"; в начало моей таблицы стилей.

То, как я отформатировал мой атрибут background, также отличается от того, каку вас есть ваш, но я не знаю, если это имеет значение.

    html {
           background: url("../images/html_bg.jpg") #000 repeat-x;
    }

Я смог получить фоновое изображение <body> и <html>, которое работало в Firefox и IE.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...