Multiple Backgrounds IE6 / 8

Motoko Kusanagi · October 28, 2011

Здравствуйте уважаемые верстальщики. Подскажите, никак не могу разобраться. Как в IE8 хотя бы, не говоря уже о более ранних версиях, сделать несколько фоновых изображений (body)? У меня стоит через запятую (CSS3). Есть какая либо альтернатива, которая будет работать во всех браузерах. Сайт работает на WP.

ceil100 · October 28, 2011

несколько вложенных контейнеров, для каждого свой фон, позиционируешь как тебе надо

zSpx · October 28, 2011

Альтернатива - экстра разметка. Вкладываете друг в друга n дивов и задаете им фон.

Cubka · October 28, 2011

Для двух фоновых изобр. в ИЕ (можно заключить в "<!-->"):

#two-bg {
    background: transparent url(images/bg-1.gif) top left repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg-2.gif', sizingMethod='crop'); /* IE6-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-2.gif', sizingMethod='crop')"; /* IE8 только */
}

Для остальных браузеров как обычно:

#two-bg {
    background: url(images/bg-1.gif) center center no-repeat, url(images/bg-2.gif) top left repeat;
}

Edited October 28, 2011 by Cubka

Great Rash · October 28, 2011

Вставлять изображения через AlphaImageLoader плохо, мало того, что DirectX нагружает сайт, так ещё и ссылки в ИЕ6 на таком элементе работать перестают.

Если надо повесить, скажем 2 бекграунда на <body>, то можно повесить один бек на <html>, другой на <body> и никакой экстра разметки не понадобится.

Motoko Kusanagi · October 28, 2011

А можно поподробнее, каким образом с помощью <div></div> сделать фон как на body?

PS: У меня 4 фоновых изображения.

Edited October 28, 2011 by Motoko Kusanagi

ceil100 · October 28, 2011

если четыре,значит еще два контейнера делаешь

zSpx · October 28, 2011

<html>
  <body>
    <div class="cont1">
      <div class="cont2">
      </div>
    </div>
  </body>
</html>

html {}
body {}
.cont1 {}
.cont2 {}

Motoko Kusanagi · October 28, 2011

Cпасибо. А какие параметры css должны быть у <div></div> для того, чтобы они "уходили" за экран, а не "толкали" его?

zSpx · October 28, 2011

width и height 100%

Sign In

Multiple Backgrounds IE6 / 8

Question

Motoko Kusanagi

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

ceil100

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Cubka

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Motoko Kusanagi

Link to comment

Share on other sites

ceil100

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Motoko Kusanagi

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information