我已经用 jQuery 做后台翻转有一段时间了,就像这样:
$("#menusearchbutton").hover(function(){$(this).css('backgroundPosition', '0px -24px');},function(){$(this).css('backgroundPosition', '0px 0px');});
但我最近遇到了 Selectivizr,它允许在 IE6-8 中使用伪类,其中包括 :hover。
这会是比使用 jQuery 更好的方法吗?当然,它们都是 JS,因此无法满足用户启用 javascript 的要求。但除此之外,使用一个而不是另一个有什么好处吗?
干杯:)
最佳答案
:hover
已经在 IE7+ 中工作,IE6 只允许使用 <a>
元素...所以我想说您已经可以单独使用 CSS 而无需库,只要 IE6 不是问题。
#menusearchbutton { background-position: 0px 0px; }
#menusearchbutton:hover { background-position: 0px -24px; }
关于jquery - 更改背景位置 - 最好使用 jQuery 或 :hover with Selectivizr?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4517912/