2013-04-22 61 views
2

我有,我的風格適合我的需要,也是一個「轉到」按鈕即可進入每個選項的值給出的HREF這個jQuery選擇框插件。 FF,Chrome和IE10中的功能和樣式都非常漂亮。但在IE7,8和9中完全不起作用。jQuery的選擇框插件不是IE7,工作8或9

我嘗試了很多我在這裏遇到過的事情,包括確保在我的所有div上使用了z-index以下jQuery修復:

$(function() { 
     var zIndexNumber = 1000; 
     $('div').each(function() { 
     $(this).css('zIndex', zIndexNumber); 
     zIndexNumber -= 10; 
     }); 
    }); 

沒有我試過在IE中有任何不同。我幾乎可以肯定我的問題存在於我的CSS中。我使用了很多css3樣式並嘗試刪除它們......我還沒有想出一個解決方案。任何與此有關的幫助將不勝感激! :)

這裏是我的jsfiddle:http://jsfiddle.net/defmod33/hX2Ma/

並以「不工作」我的意思是下拉部分不顯示在所有...

+0

,有人嗎?...有人嗎?...... Bueller?... – Lars 2013-04-23 21:42:50

+0

任何的錯誤安慰? – Mooseman 2013-04-23 21:48:13

+0

不是。沒有錯誤。 – Lars 2013-04-24 14:59:12

回答

0

我終於解決了這個問題。問題出現在我期望的CSS中。選擇框下拉功能將打破對IE提供漸變的「filter:」樣式標記。我可以剛剛刪除樣式標籤,但我決定創建一對條件註釋,以防萬一我在未來找到更好的解決方案(我想保留「filter:」以防萬一以後需要時)。

使用條件註釋:

<!--[if lte IE 9]> 
     <style type="text/css"> 
     .sbHolder, .goButtonOne, .goButtonTwo { 
      filter: none; 
     } 
     </style> 
    <![endif]--> 

    <!--[if lte IE 8]> 
    <style type="text/css"> 
     .sbHolder { 
      background:#ccc; 
     } 
     .goButtonOne, .goButtonTwo { 
      background:#bf6c65; 
     } 
     </style> 
    <![endif]--> 

第一個擺脫了過濾器IE9及以下。第二個給出了瀏覽器的第二個背景顏色不會有擺脫過濾器的後一個(IE8及以下)

+0

那麼IE10呢?它是否在沒有條件評論的情況下工作? – Arjan 2013-04-30 19:42:04

+0

它確實如此。我從來沒有遇到過任何問題,可以使用任何最新的瀏覽器(IE10,Chrome,FF等) – Lars 2013-04-30 19:50:54