Сделать несколько фоновых работ на IE

Question

Я хочу использовать несколько фоновых изображений из CSS3 в IE8 и более ранних браузерах. Я скачал библиотеку modenizer и определяю, поддерживает ли браузер несколько фоновых изображений, с помощью этого кода:

if(Modernizr.multiplebgs){
    alert("Your browser supports multiplebgs, enjoy!!");
} else {
    alert("Sorry, browser does not support multiplebgs tag!");
}

Что я должен сделать в разделе else, чтобы заставить работать несколько фоновых изображений в IE8 и более ранних версиях?

Answer 1

Несколько фонов будут работать, только если вы используете IE 9.0+, IE8 и более ранние версии не реализуют эту функцию.Я не знаю, есть ли альтернативный способ сделать что-то подобное для IE8 и ниже, но для этой конкретной функции вы ничего не можете сделать, чтобы она работала в IE8 и ниже.

Редактировать: я огляделсянемного, и кажется, что есть некоторые небольшие обходные пути для функций css3, которые не поддерживаются в более старых браузерах IE.

http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

На этом сайте есть несколько вариантов фона, но в конечном итоге, он не будет таким гибким и полезным, как css3.Я не уверен, подойдет ли вам ситуация, в которой вы можете использовать этот обходной путь, но вы можете взглянуть сами.

Answer 2

Хмм .. Могу поспорить, что вы можете использовать javascript, чтобы выбрать случайный URL для img и вставить его в качестве фона div для полноэкранного фона.Это может работать для большинства браузеров.

Для полного изображения CSS:

http://css -tricks.com / perfect-full-page-background-image-image /

Тогда вы можете иметь несколько изображений на сервере, таких как: bg1.png, bg2.png, ...

Javascript var randomnumber=Math.floor(Math.random()*11)

Затем используйте переменную в javascriptдля номера после img и вставки его в фоновое изображение:

document.getElementsByTagName ('body') [0] .innerHTML = background-image: url ('bg' + randomnumber);

Конечно, у вас будут некоторые изменения, связанные с моим кодом здесь.Я просто надеюсь, что вы поняли:)