CSS :active override similar to iPhone TouchUpInside

Question

我目前正在一个网站上工作，并且第一次尝试使用 CSS Sprites。在 a:active 状态下，我根据需要移动背景位置，效果很好。但是，如果我单击链接并将鼠标从链接上移开，同时仍在单击中。效果保留在按钮上，即使在我释放点击后也是如此!

是否有类似于 iPhone 操作“TouchUpInside”的 CSS 规则，因此只有当用户在链接区域中释放点击时它才会受到影响？

Answer 1

尝试将 jQuery .mouseout() 应用于这些链接。

$(".myLinks").mouseout(function() {
  $(this).css('background-position','0 0'); // original position of your sprite
});

在单击中(当鼠标处于“按下”状态时)将链接拖出不是 CSS 能够处理的事情。 CSS 需要一个额外的伪类，如“a:unactive”才能产生相同的效果。