JQuery Multiple Backgrounds скрипт не работает в IE - PullRequest
0 голосов
/ 15 марта 2011

Я использую http://www.chicowebdesign.com/blog/2010/10/21/updated-jquery-multiple-background-plug-in/

Как они утверждают, но в IE несколько фонов не работают, какие-либо идеи, предложения?

http://jsfiddle.net/6JtNr/ (простоя использую css)

Я включаю jQuery, включая их скрипт после загрузки jquery ..

Идеи?

1 Ответ

1 голос
/ 15 марта 2011

Из того, что я понимаю, читая инструкции на странице, вам нужно изменить свой CSS на: .container { /* For unsupported browsers <em>/ background: url('../images/backgrounds/fifteen.jpg') no-repeat 13440px 0; /</em> For CSS3 Supported Browsers */ background: url('../images/backgrounds/one.jpg') no-repeat top 0, url('../images/backgrounds/two.jpg') no-repeat 960px 0, url('../images/backgrounds/three.jpg') no-repeat 1920px 0, url('../images/backgrounds/four.jpg') no-repeat 2880px 0, url('../images/backgrounds/five.jpg') no-repeat 3840px 0, url('../images/backgrounds/six.jpg') no-repeat 4800px 0, url('../images/backgrounds/seven.jpg') no-repeat 5760px 0, url('../images/backgrounds/eight.jpg') no-repeat 6720px 0, url('../images/backgrounds/nine.jpg') no-repeat 7680px 0, url('../images/backgrounds/ten.jpg') no-repeat 8640px 0, url('../images/backgrounds/eleven.jpg') no-repeat 9600px 0, url('../images/backgrounds/twelve.jpg') no-repeat 10560px 0, url('../images/backgrounds/thirteen.jpg') no-repeat 11520px 0, url('../images/backgrounds/fourteen.jpg') no-repeat 12480px 0, url('../images/backgrounds/fifteen.jpg') no-repeat 13440px 0; width: 14400px; height: 1020px; }

Обратите внимание, что я переместил ширину и высоту вниз, некоторые люди сказали в комментарияхэтой библиотеки, что фон должен быть первым в теге style.Кроме того, согласно инструкциям, у вас должна быть отдельная фоновая строка, вызывающая последнее фоновое изображение для неподдерживаемых браузеров.

...