2013-04-22 35 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