是否可以仅更改 CSS 中背景位置的 Y 值?
background-position-y
不是一个有效的解决方案。
仅通过读取(使用 JS)当前值background-position
(如果未内联设置,则使用计算样式方法),解析它以读取 X 值,然后使用刚刚检索到的 X 值再次设置它。
没有办法在 CSS 中说“从级联中获取背景位置 X 值,并从中获取 Y 值”。
试试这个
background-position-y: 10px;
对我来说工作得很好
不,那是不可能的。虽然background-position
只允许设置一个值,但这将只定义 x 并使 y 居中。其他所有内容,例如 background-position-y 都是非标准的,因此仅在某些浏览器中受支持。
background-position-y: xpx
应该管用。
你能显示代码看看我们可以看到为什么它可能不工作吗?
根据caniuse.com和这个 SO Question,background-position-y
除了旧版本的 Firefox 之外,所有浏览器现在都已成为标准并受支持。
background-position-x/-y, background-repeat-x/-y 批准用于第 4 级背景和边框。
采用background-position:0px ypx;