CSS 定位 - 多个背景位置属性？

Question

有没有办法为单个元素设置多个背景位置属性？根据链接的状态(按下/悬停/默认)，我需要同时更改正在显示的图像的 X 和 Y 值。

我希望我的 CSS 文件中的 Y 值是静态的，而 X 位置需要根据导航栏(链接所在的位置)中的每个元素进行更改。

有没有办法做到这一点？在线查看，我还没有找到一种方法来设置背景位置的顶部或左侧参数。

Answer 1

Apparently ,

[background-position] accepts one or two length values, percentages, or keywords.

If only one value is specified for background-position, the second value is assumed to be center. Where two values are used, and at least one is not a keyword, the first value represents the horizontal position, and the second represents the vertical position.

您很可能不得不依赖 JavaScript 来保留这些 Y 值。