收藏 不显示删除回复显示所有回复显示星级回复显示得分回复 jQuery、html大牛麻烦进来帮帮忙，关于ol、li的问题


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
<!-- 改了一下这个脚本引用，这样就可以直接看到效果了 -->
       <script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
     <script type="text/javascript">
         $(function() {
         $(".link > li").hover(
             function(){$(this).css("background-color","yellow")},
             function(){$(this).css("background-color","#FFE27D")})
         });
     </script>
     <style type="text/css" >
        .link{width:500px;list-style-position:inside; list-style-type:decimal;}
        .link li{background-color:#FFE27D}
     </style>
</head>
<body>
<ol class="link" style=" ">
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
</ol>
</body>
</html>
如上所示我需要固定li的长度，li里面的<a>长度是不固定的。同时li需要有自动编号。
我用jQuery给li绑定了hover事件，在ie里出了问题，如图中标示ie里只有在连接文字附近才会触发hover事件，而在li的空白处无法触发事件。火狐是正常的。请问如何才能解决这个问题？让ie达到火狐的效果。很头疼

解决方案 »

  1.   

    我用的IE8，所以没有看到你的问题，但如果想你所说在链接上时才有效果的话，那就吧链接向后延长就行了。
    试试这个<ol class="link" style=" ">
        <li ><a style=" padding-right:80%" href="http://www.baidu.com" target="_blank">百度百度</a> </li>
        <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
        <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
        <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
        <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
        <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    </ol>
      

  2.   

    .link li{background-color:#FFE27D}=》.link li{width:500px;background-color:#FFE27D}
      

  3.   

    这个也不行，设置了 li的长度，ie6ie7的li自动编号就出问题了