2012-02-21 53 views
0

我想在IE8和更早版本的瀏覽器上使用CSS3的多個背景。我下載modenizer庫和檢測瀏覽器是否支持多個背景或沒有通過驗證碼:在IE上做多個後臺工作

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

我應該在其他部分做就IE8和早期版本的多個後臺工作?

回答

1

只有使用IE 9.0+,IE8和更早版本才能實現此功能,多種背景只能使用。我不知道是否有其他方法可以爲IE8和更低版本做類似的事情,但是對於這個特殊的功能,沒有什麼可以使它在IE8及更低版本中工作。

編輯︰ 我環顧了一下,似乎有一些輕微的變通辦法css3功能,不支持在舊的IE瀏覽器。

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

有此網站上列出一個多背景可供選擇,但最終,它不會像靈活和有用的CSS3之一。我不確定您是否可以使用此解決方法的情況適用於您,但您可以查看自己。

0

嗯..我敢打賭,你可以使用javascript來選擇一個img的隨機url,並將其作爲背景div插入到全屏幕背景中。這可以適用於大多數瀏覽器。

的CSS完整的圖像:

http://css-tricks.com/perfect-full-page-background-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);

當然,您將在此處對我的代碼進行一些編輯。 我只是希望你能明白:)