Wiele obrazów tła IE8

Question

Czy jest jakaś wtyczka jquery (lub w jakikolwiek inny sposób), aby wymusić na IE8 wyświetlanie wielu obrazów tła?

Answer 1

CSS3 wielu tła dla Internet Explorer i Mozilla Firefox starszych

Biblioteka ta przynosi wsparcie dla wielu obrazów tła do programu Internet Explorer i Firefox < 6-8 = 3.5, czytając kod CSS ze znaczników stylu i linków.

Obsługa przeglądarki CSS3 rozciąga się na obraz w tle, pozycję tła, powtarzanie w tle. Ta biblioteka implementuje tylko własną własność dla właściwości tła w stylu skróconego stylu.

http://plugins.jquery.com/project/multiple-bg

Przykład użycia

w tym Script

Wszystko, co musi zostać uwzględnione jest biblioteka jQuery i ten skrypt dla tych funkcji, praca. Nie jest wymagane dodatkowe kodowanie JavaScript. Minified biblioteka ma tylko 8,7kB!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.multiple-bgs.js"></script> 

Pisanie CSS

Wiele tła przy użyciu właściwości tła są odczytywane przy użyciu tej biblioteki Javascript. Zwróć uwagę, w jaki sposób obsługiwane są hover i stany aktywne.

#ex1 { 
    background: url(middle.gif) repeat-x 0 0; /* For unsupported browsers */ 
    background: url(left.gif) no-repeat 0 0, /* For CSS3 Browsers */ 
       url(right.gif) no-repeat 100% 0, 
       url(middle.gif) repeat-x 0 0; 
} 
#ex1:hover { 
    background: url(middle-hover.gif) repeat-x 0 0; /* For unsupported browsers */ 
    background: url(left-hover.gif) no-repeat 0 0, /* For CSS3 Browsers */ 
       url(right-hover.gif) no-repeat 100% 0, 
       url(middle-hover.gif) repeat-x 0 0; 
} 
#ex1:active { 
    background: url(middle-active.gif) repeat-x 0 0; /* For unsupported browsers */ 
    background: url(left-active.gif) no-repeat 0 0, /* For CSS3 Browsers */ 
       url(right-active.gif) no-repeat 100% 0, 
       url(middle-active.gif) repeat-x 0 0; 
} 

Answer 2

CSS3 PIE może robić co szukasz CSS3 PIE

Answer 3

Jeśli jest to nie więcej niż 3 zdjęcia jako tła, można grać na całym :before i :after w css. Zobacz na przykład: link.

może trzeba dodać następujące w głowie ale jeśli chcesz IE7 zachowywać się tak dobrze:

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>