你的IE可以运行?
你可以看一下是哪个地方出了错.再把错误贴上来,我看一下是什么问题..
<html><body>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.7.2.js"></script>
<style>
ul.big{width:800pxmargin:80px auto}
ul.big li{line-height:32pxfont-size:18px}
ul.big li.erji{font-size:16px}
ul.sub{background:#ededed}
</style>
</head>
<ul class="big">
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
<li class="erji">二级子栏目</li>
<li>子栏目</li>
<li class="erji">二级子栏目</li>
</ul>
<script>
$(document).ready(function(){
$("li").each(function(){
var html = ''
if($(this).hasClass('erji')){
html += $(this).html()
$(this).before('<ul class="sub">'+html+'</ul>')
$(this).remove()
}
})
})
//再不行就用javascript写
</script>
</body>
</html>
楼主应该是为了见笑IE内核版本兼容的工作量吧~其实一般网站没问题很少有人会去懂兼容性按钮，可以在网站头部加
<meta
http-equiv="X-UA-Compatible"
content="IE=EmulateIE7"
/>
如果是高版本的浏览器自动会用IE7内核去渲染，就是所谓的兼容模式吧，狠多大型网站都可以看到这行代码，可以减小前端的工作量。
