Слоистые фоны в IE8 - PullRequest
Новая
       12

Слоистые фоны в IE8

2 голосов
/ 18 февраля 2011 
background-image: url('/images/tenticles.png'), url('/images/header.png');

У меня есть вышеуказанный код, который работает как в Firefox, так и в Chrome.Однако это не работает в IE8.Мне было интересно, если есть способ обойти это не работает.Нечто похожее на HTML5shiv.

1 Ответ

5 голосов
/ 18 февраля 2011

Существует несколько обходных путей для отсутствия в IE поддержки нескольких фонов .Один из таких приемов заключается в простом создании div, охватывающем всю страницу, и установке его фона вместе с фоном элемента body.Эту технику можно повторить при необходимости.Например: 

body { background-url('/images/tenticles.png'); }
#background1 { background-url('/images/header.png'); }

<body>
    <div id="background1">
    </div>
</body>

Однако, похоже, что вы хотите что-то вроде CSS3 PIE (Progressive Internet Explorer) , что "делает Internet Explorer 6-8 способным отображать несколькоиз самых полезных функций оформления CSS3 ".С сайта PIE:

В настоящее время PIE имеет полную или частичную поддержку следующих функций CSS3:

  • border-radius
  • box-shadow
  • border-image
  • несколько фоновых изображений
  • линейный градиент в качестве фонового изображения

Другие функции находятся в стадии активной разработки.

Обратите внимание, что этот вопрос очень похож и содержит много другой полезной информации и приемов.

...