更改背景-位置-更好地使用jQuery或:使用Selectivizr悬停？

Question

我用jQuery做后台翻转已经有一段时间了，就像这样：

 $("#menusearchbutton").hover(function(){$(this).css('backgroundPosition', '0px -24px');},function(){$(this).css('backgroundPosition', '0px 0px');});

但我最近遇到了Selectivizr，它允许在IE6-8中使用伪类，其中包括:hover。

这是比使用jQuery更好的方法吗？当然，它们都是JS，所以不能绕过对用户启用javascript的要求。但除此之外，使用一种而不是另一种有什么好处吗？

干杯:)

Answer 1

:hover已经可以在IE7+中工作了，IE6只允许它与<a> elements...so一起使用我想说的是，只要IE6不是问题，你就可以单独使用CSS而不需要库。

#menusearchbutton { background-position: 0px 0px; }
#menusearchbutton:hover { background-position: 0px -24px; }

Answer 2

Nick是对的:你应该使用native :hover功能。只有几件事需要注意:如果<a>没有href=""属性，那么在IE中悬停效果就不能很好地工作。别忘了。

此外，我们经常希望在div上有一个悬停效果。这是因为div的默认显示。如果你想让一个<a>标签看起来像一个div，在你的CSS中使用display:block。