Цвет фона элемента HTML не отображается в IE 8 - PullRequest
Новая
       43

Цвет фона элемента HTML не отображается в IE 8

5 голосов
/ 18 марта 2011

Я использую тег <body> в качестве оболочки для трех элементов на сайте, где каждый фоновый цвет белый.

Я установил цвет фона #fff для html и body в css, и сайт корректно отображается в каждом браузере (включая IE 6 и 7), кроме IE8:

Only one of the divs (the central content) is displaying its background color

Я даже пытался установить стиль для html прямо в строке следующим образом: <html style="background-color: #fff">, но это, похоже, ничего не меняет.

Даже не уверен, что может быть причиной ошибки.

Ответы [ 4 ]

5 голосов
/ 18 марта 2011

Проблема заключается в следующем свойстве в вашем CSS: 

:focus{
  outline:0;
  background-color:#f2f3f6;
  border-color:#996
}

По-видимому, при загрузке IE8 решает, что элемент html имеет фокус, тогда как другие браузеры этого не делают. Удалите свойство background-color здесь, и оно останется белым.

4 голосов
/ 18 марта 2011

Что происходит, когда вы вставляете этот код в ваш HTML? 

body div
{
  background-color: white !important;
}

Обычно браузеры интерпретируют и применяют последнюю строку CSS, которую они читают, к элементу, поэтому background-color: red; background-color: blue; приведет к синемуцвет фона.

!important велит браузеру игнорировать все повторные замедления других свойств, поэтому background-color: red !important; background-color: blue; сделает фоновый цвет красным, даже если вы сказали, что он синий.

2 голосов
/ 27 сентября 2012

Я думаю background:#FFFFFF; это исправит. У меня это сработало.

0 голосов
/ 11 декабря 2013

Internet Explorer поддерживает 6-значный цветной код, т.е. вместо #fff .. используйте #ffffff. Надеюсь, вы поймете это

...