IE9 jquery动画问题，

Posted 2023-05-08

【中文标题】IE9 jquery动画问题，

【英文标题】：IE9 jquery animation problem,

【发布时间】：2011-10-01 05:14:59

【问题描述】：

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

http://newmead.justinbarnesconsultancy.co.uk/communicator.html

【问题讨论】：

好吧，我在 ie 9 中尝试过，但没有出现任何行。看起来不错。然而，一种猜测可能是添加 textdecoration:none;而不是大纲：0；只是猜测

【参考方案1】：

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

【讨论】：

这并没有什么不同。

抱歉，没有很好地标记，您是否将您的 '' 更改为跨度并重试？ IE 不会在跨度周围放置虚线。在这里查看 IE9 jsfiddle.net/qR86D

【参考方案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

玩弄它。

希望对您有所帮助！