1

我的第一个想法是看看 CSS 中是否有某种 background-position-x 属性,但显然没有。请参阅: background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?

javascript是否有可能以某种方式改变背景的x位置,但让y保持以前的样子?

我有三个元素,每个元素都使用精灵作为背景。他们每个人的悬停状态都会改变,但我想知道我是否可以使用JS通过只改变X背景位置来改变点击状态。sprite 中每个元素的背景都有一个对应的点击状态,并且三个元素的新位置 X 值将是相同的。但是,它们的 Y 值不同,我需要将每个 Y 值保留为当前的值。

我可以为每个元素创建一行 jQuery,并给出特定的新 X 和 Y 坐标,而无需太多工作,但这仍然是额外的代码,只是我最初的想法的解决方法。

希望这足够清楚。

4

2 回答 2

2

你可以这样做background-position: Xpx Ypx,所以你可以只调整 X 值而单独保留 Y 值。

你也可以在纯 CSS 中做到这一点,只需使用 :hover 和 :active 伪类。

于 2013-07-26T21:27:11.390 回答
-1

实际上有一个 background-position-x 和 background-position-y,但是 FireFox 不支持它:/

于 2014-10-20T15:14:05.460 回答