IE9 jquery动画问题，答案

【问题标题】：IE9 jquery animation problem,IE9 jquery动画问题，
【发布时间】：2011-10-01 05:14:59
【问题描述】：

当用户单击页面右侧的“聊天”时，我有一个动画在图像中滑动，但是当滑入和滑出时，elemenet 在 IE9 中留下了一条虚线，我不知道为什么，我的a 元素上有outline:0;。有人可以帮我解释一下吗？

【问题讨论】：

【解决方案1】：

可能解决此问题的一件事是将 <a> 更改为 <span>（并在您的 css 中给它一个 cursor:pointer; ），这样 IE 就不会做突出显示的事情。

【讨论】：

【解决方案2】：

或者干脆去掉<a>，直接在图片上做一个点击功能。

<img id="click_me" src="whatever.png"/>

正如你已经知道的 (jQuery)

$('#click_me').click(function(){
   //Work your magic
});

【讨论】：

【解决方案3】：

问题似乎出在链接处于活动状态时。你可以尝试设置：

a.handle:active
{
  outline:0
}

一旦这样做，您也可以尝试设置这些：

a.handle:link
a.handle:visited
a.handle:hover
a.handle:active

玩弄它。

希望对您有所帮助！

【讨论】：