2014-02-10 14 views
0

在網站中,IE中的支持從版本9開始。所以當我打開它的行爲正常(因爲我有IE 8),顯示一個警報。圖片包括使背景變爲空白並重定向IE 8及更早版本

enter image description here

不過,我不希望加載的背景圖像(這是在我的情況越來越加載)。 只有一個空白屏幕顯示警報信息。如何實現這一目標?

這是我用過

if(browsername=="Internet Explorer") 
    { 
    if(browserver<9.0) 
    { 
     alert("Your browser version is "+bowser.version+" and the minimum required version for this website is 9.0.So please use IE 9+."); 
     window.location.href="http://www.google.com"; 
     //alert(bowser.name+","+bowser.version); 
    } 
    } 
+0

需要更多的代碼才能告訴。 –

+0

我還需要添加什麼 –

+0

如果你不想加載背景圖像,那麼你將不得不使用CSS添加背景而不是CSS。如果你不關心它是否被加載,只是想把它改成白色,那麼請執行'$(「body」)。css(「background」,「#fff」);' –

回答

0

假設腳本你的背景,然後身體背景回放:

$("body").css("background",""); 

警報()代碼之前。

+0

你的意思是這樣的 $(「body」)。css(「background」,「」); \t \t提醒(「您的瀏覽器版本爲」+ bowser.version +「,本網站所需的最低版本爲9.0,所以請使用IE 9+。」); –

+0

圖像仍將由瀏覽器加載。 –

+0

@ Derek true 圖片仍在加載 –

0

這可能不是處理這種情況的最佳/合適的方式。 但在我來說,我只是警告聲明

現在,它的做工精細之前使用的

$('#divid').hide(); 

+0

感謝Rahul Kumar的糾正 –

0

我認爲你必須做你的背景圖片的延遲加載。

  1. 檢查瀏覽器,檢查您必須使用此How can you detect the version of a browser?
  2. 如果瀏覽器是高於或低於IE9使用的代碼相同:

    <body data-lazy-image="path-to-image"></body>

    var lazy = $("body").attr("data-lazy-image"); $("body").css("backgroundImage",lazy);

的東西 喜歡這個。