Jquery +选择器在IE8中重现第n个子对象
Jquery +选择器在IE8中重现第n个子对象
提问于 2012-09-14 18:07:48
我对selectivizr的理解是，它可以正确地解释ie6-8中的许多伪类。我一直无法完成我想要完成的事情，不管我怎么尝试，它在Chrome/Firefox上运行得很好，但在IE6上却一败涂地。任何帮助都是很棒的！
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>回答 1
Stack Overflow用户
发布于 2013-05-07 07:41:52
你把你所有的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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12422372
复制相关文章
相似问题
腾讯云开发者
