我的第一个想法是看看CSS中是否存在某种background-position-x属性，但显然不是。请参阅： Is background-position-x (background-position-y) a standard W3C CSS property?
是否可以使用javascript以某种方式更改背景的x位置，但是将y保留为之前的状态？
我有三个元素，每个元素都使用精灵作为背景。悬停状态将针对它们中的每一个进行更改，但我想知道是否可以通过仅更改X背景位置来使用JS来更改单击状态。精灵内部的每个元素的背景都具有相应的单击状态，并且该位置的新X值对于所有三个元素都是相同的。但是，它们的Y值不同，我需要将每个Y值保留为当前的值。
我可以为每个元素创建一行jQuery，并提供特定的新X和Y坐标，而不需要太多工作，但它仍然是额外的代码，仅仅是为了我的天生想法。
希望这很清楚。
答案 0 :(得分：2)
您可以执行background-position: Xpx Ypx，因此您可以调整JUST X值并单独保留Y值。
您也可以在纯CSS中执行此操作，只需使用：hover和：active伪类。
答案 1 :(得分：-1)
实际上有一个background-position-x和background-position-y，但FireFox不支持它：/