jquery - 链接在 ie8 兼容模式下不工作

我有下面的代码，它只是一个供用户登录的链接，当按下它时，它会显示一个使用 jquery 的登录框。它在 IE8 中工作正常，但当启用兼容模式时，链接根本不起作用，就像它根本不存在一样。

<body>

    <script type="text/javascript">

    make_request();

    var clicked = 0;

     $(document).ready(function() 
     {

            $('#login_top').corners();
            $('#points_top').corners();   

            $('#login_box').hide();
            $('#login_box').corners();  

            $('#login_link').click(function() 
            {               
                $('#login_box').fadeIn(2000);
                $('#username').focus();

            });

            $('#close_link').click(function() 
            {
                $('#login_box').hide("slow");
            });

    });     

    </script>    

    <div id="login_top">

        <a href="javascript:void(0);" id="login_link"><img src="images/user.png" alt="Login" />Login</a>


    </div>

我没有包含整个页面，因为这是唯一出现问题的区域，CSS 如下:

#login_top
{
    background-color: #000000;
    text-align: center;
    margin-left: 20px;  
    margin-top: 5px;
    width: 70px;
    padding: 5px;   
    font-size: 16px;
}

#login_top a
{
    text-decoration: none;
    color: #ffffff;
}

#login_top img
{
    border-style: none;
}

有什么建议吗？

谢谢 :)

最佳答案

尝试改变