jquery - 更改背景位置 - 更好地使用 jQuery 或 :hover 与 Selectivizr？

Question

我用 jQuery 做背景翻转已经有一段时间了，像这样：

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

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

那会是比使用 jQuery 更好的方法吗？当然，它们都是 JS，因此无法满足用户启用 javascript 的要求。但除此之外，使用其中一个而不是另一个有什么好处？

干杯:)

score 2 · Accepted Answer

:hover已经在 IE7+ 中工作，IE6 只允许它与<a>元素一起使用......所以我想说你已经可以单独使用 CSS 而没有库，只要 IE6 不是问题。

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

score 0 · Accepted Answer

尼克是对的：您应该使用本机 :hover 功能。<a>需要注意的几点：如果没有href=""属性，则悬停效果在 IE 中效果不佳。不要忘记它。

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

2 回答 2