ie8 не поднимает цвет фона

У меня есть сайт Joomla3 с настраиваемым шаблоном, который отлично выглядит в большинстве браузеров, но ужасно в IE8. Многие элементы просто не видят цвета фона и просто белые.ie8 не поднимает цвет фона

Например, нижний колонтитул обычно имеет цвет фона. Когда я смотрю на файл template.css (составитель от начальной загрузки и мой пользовательский template.less файл), вы можете увидеть колонтитула форматирование

.footer .container { 
    padding: 5px; 
    border: 3px solid #bbbbbb; 
    padding-top: 0px; 
    border-top: 0px; 
    -webkit-border-radius: 0px 0px 4px 4px; 
    -moz-border-radius: 0px 0px 4px 4px; 
    border-radius: 0px 0px 4px 4px; 
    background-color: rgba(245,248,250,0.7); 
}

Но когда я использую средства разработки веб-сайта ie8 (с помощью вина на мой макинтош - в случае, если это имеет значение), чтобы исследовать, почему это просто белый в ie8, я вижу

screenshot

, который, кажется, чтобы показать, что цвет фона из .footer .container просто игнорируются. Зачем это было? Это потому, что он скомпилирован в формате rgba меньшим компилятором?

Большое спасибо за любую помощь в этом и как я могу ее решить.

источник

2013-10-11 domc

Цвет CSS3, такой как rgba(), не поддерживается IE8, поэтому он не работает.

Вам понадобится альтернативный подход для указания background-color, если вы хотите поддержку в IE8. Если вы не возражаете потерять прозрачность, просто использовать background-color:rgb(245,248,250); или .. background-color: #F5F8FA;

См http://caniuse.com/css3-colors

источник

2013-10-11 20:15:06

Спасибо, и это имеет смысл, но я думал, что вся суть бутстрапа в том, что их микшины и т. Д.были предназначены для того, чтобы позаботиться об этом и вставить какой-нибудь дополнительный код «css», чтобы заставить его работать? – domc

@domc К сожалению, нет. –

Итак, я добавил фоновый цвет к CSS, но он все еще белый. В .container2 включен цвет, но IE8, кажется, переписывает его: нет прозрачного .... с классом, который называется *, как показано на http://tinypic.com/r/2ebqskw/5. Вы знаете, почему это происходит и почему это переопределяет класс .container2 class css? Thx, – domc

Что вы можете сделать, это импорт css3.js на вашем сайте. Эти файлы javascript позволяют использовать атрибуты CSS3, которые будут работать в более раннем браузере, который обычно не поддерживает его.

http://imsky.github.io/cssFx/

После того, как вы импортировали, что вы можете использовать следующие как прежде:

background-color: rgba(245,248,250,0.7);

Просто чтобы быть на безопасной стороне, я думаю, что это всегда хорошая практика, чтобы иметь запасной вариант, просто упаковывают, например, так:

background-color: #F5F8FA; 
background-color: rgba(245,248,250,0.7);

Обратите внимание, что запасной вариант предшествует rgba()

Надеюсь, что это поможет

источник

2013-10-14 03:47:33 Lodder

Я столкнулся с этой проблемой при использовании IE11 в корпоративном режиме.

У меня был этот набор стилей:

.heading { 
      background-color:#f1f1ef; 
      border-style:solid; 
      border-color:#E4E3DD; 
      border-width:1px; 
     }

и мой заголовок таблицы не имеют цвет фона:

<th class="heading">Test</th>

мне пришлось вручную установить свойство BGCOLOR для этой работы в режиме Enterprise :

<th class="heading" bgcolor="#f1f1ef">Test</th>

источник

2017-11-02 14:11:36

ie8 не поднимает цвет фона

ответ

Смежные вопросы