jquery + selectivizer在IE8中重現n孩子

我從selectivizr的理解是它可以在ie6-8中正確解釋一些僞類。無論我嘗試什麼，我都遇到了麻煩，它可以在Chrome/Firefox中完美運行，但在IE6中卻表現平平。任何幫助都是極好的！jquery + selectivizer在IE8中重現n孩子

CSS

#menu li img 
{ 
    position: absolute; 
    display: -moz-inline-stack; 
    display: inline-block; 
    *display: inline; 
} 

#menu li:nth-child(odd) img 
{ 
    top: 0px; 
} 

#menu li:nth-child(even) img 
{ 
    bottom: 0px; 
} 

#menu li span 
{ 
    position: absolute; 
    display: -moz-inline-stack; 
    display: inline-block; 
    *display: inline; 
    padding: 5px; 
} 

#menu li:nth-child(odd) span 
{ 
    top: 150px; 
} 

#menu li:nth-child(even) span 
{ 
    bottom: 150px; 
}

的Jquery/Selectivizer：

<script language="JavaScript" src="jquery-1.8.1.min.js"></script> 
<!--[if (gte IE 6)&(lte IE 8)]> 
<script language="JavaScript" src="selectivizr-min.js"></script> 
<![endif]-->

HTML

<li><img src="menu/menu01-01.jpg" /><span>過橋米線 NT.100</span></li><li> 
<img src="menu/menu01-02.jpg" /><span>昆明辣泡菜鍋米幹/米線 NT.100</span></li><li> 
<img src="menu/menu01-03.jpg" /><span>阿美米幹/米線 NT.80</span></li><li> 
<img src="menu/menu01-04.jpg" /><span>雲燒牛腩米幹/米線 NT.100</span></li><li> 
<img src="menu/menu01-05.jpg" /><span>豆腐乳/臘肉炒飯 NT.80</span></li>

來源

2012-09-14 Ryan Gillies

你把你所有的CSS中的鏈接相對？ Selectivizr不會在樣式塊中使用CSS。我簡化了這個工作，證明了selectivizr中獨一無二的工作。

<!doctype html> 
<html> 
    <head> 
    <meta charset="UTF-8"/> 
    <link rel="stylesheet" href="selectivizr.css" type="text/css" /> 
</head> 
<body> 
    <ul> 
     <li><span>過橋米線 NT.100</span></li> 
     <li><span>昆明辣泡菜鍋米幹/米線 NT.100</span></li> 
     <li><span>阿美米幹/米線 NT.80</span></li> 
     <li><span>雲燒牛腩米幹/米線 NT.100</span></li> 
     <li><span>豆腐乳/臘肉炒飯 NT.80</span></li> 
    </ul> 
    <script type="text/javascript" src="jquery-1.9.1.js"></script> 
    <!--[if (gte IE 6)&(lte IE 8)]> 
    <script type="text/javascript" src="selectivizr.js"></script> 
    <![endif]--> 
</body> 
</html>

來源

2013-05-06 23:41:51 ledlogic

jquery + selectivizer在IE8中重現n孩子

回答

相關問題