我的第一个想法是看看 CSS 中是否有某种 background-position-x 属性,但显然没有。请参阅: background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?
javascript是否有可能以某种方式改变背景的x位置,但让y保持以前的样子?
我有三个元素,每个元素都使用精灵作为背景。他们每个人的悬停状态都会改变,但我想知道我是否可以使用JS通过只改变X背景位置来改变点击状态。sprite 中每个元素的背景都有一个对应的点击状态,并且三个元素的新位置 X 值将是相同的。但是,它们的 Y 值不同,我需要将每个 Y 值保留为当前的值。
我可以为每个元素创建一行 jQuery,并给出特定的新 X 和 Y 坐标,而无需太多工作,但这仍然是额外的代码,只是我最初的想法的解决方法。
希望这足够清楚。