IE8에서 n 번째 자식을 재현하는 Jquery + Selectivizer

selectivizr에 대한 제 이해는 ie6-8에서 많은 수의 의사 클래스를 올바르게 해석 할 수 있다는 것입니다. 나는 내가 뭘하려고해도 문제가되고있다. 아무리 노력해도 크롬/파이어 폭스에서는 완벽하게 돌아 가지 만 IE6에서는 그 편이 평면이다. 어떤 도움이 굉장 할 것입니다!IE8에서 n 번째 자식을 재현하는 Jquery + Selectivizer

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

IE8에서 n 번째 자식을 재현하는 Jquery + Selectivizer

답변

관련 문제