2010-05-13 58 views
0

我有下面的代码,只是一个用户登录的链接,当按下它显示一个登录框使用jQuery。它在IE8中工作正常,但是当启用兼容模式时,链接根本不起作用,它甚至不存在。链接不工作在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; 
} 

有什么建议?

谢谢:)

+0

为什么您使用IE8的 '破网站',我的意思是 '兼容' 模式? – 2010-08-25 19:44:39

+0

您的jQuery版本? – 2010-08-25 19:45:04

回答

0

尝试改变

<a href="javascript:void(0);" id... 

只是

<a href="#" id... 
+0

嗨,谢谢你试过,但仍然没有效果。 – Elliott 2010-05-13 11:24:56