是否可以只改变CSS中背景位置的Y值？

background-position-y不是有效的解决方案。

2012-06-18 Chev

仅当读取（使用JS）当前值background-position（使用计算样式方法，如果未内联设置），解析它以读取X值，然后使用刚刚检索的X值再次设置它。

在CSS中没有办法说“从级联中获取背景位置X值和来自此的Y值”。

2012-06-18 15:20:30 Quentin

这意味着不是在CSS？ – Chev

@Chev - 无法在CSS中说出“从级联中获取背景位置X值和来自此的Y值”。（我会将其添加到答案中） – Quentin

-1

使用background-position:0px ypx;

2012-06-18 15:21:49

这也会改变x值 - 您将它设置为0px; – Chev

尝试自动或继承vs 0px。 –

但0px是默认值和AFAIK他没有使用js – 2012-06-18 15:24:56

不，那是不可能的。虽然background-position只允许设置一个值，但这只会定义x并使y居中。其他一切，如background-position-y都是非标准的，因此只在某些浏览器中支持。

2012-06-18 15:25:30 kremalicious

这是不正确的。背景位置最多接受两个以空格分隔的值，位于描述性坐标中，例如'top center'，相对单位，例如'50％25％'或绝对单位，例如'50px 200px'。 – Terry

@Terry对不起，如果我写得不够清楚，但我没有说'background-position'只允许1个值，但它只允许使用1个值。但正如我所说，这不会解决原来的问题。 – kremalicious

background-position-y: xpx应该工作。

你能显示代码吗？看看我们能看到它为什么不能工作？

2012-06-18 15:28:26

无效的CSS根据w3 – Chev

@Lex - 问题明确排除'background-position-y'（大概是因为它是非标准的，并没有足够的浏览器支持项目需求）。 – Quentin

刚刚尝试这一点

background-position-y: 10px;

工作得很好，我

2014-12-31 06:38:53 varsi

根据caniuse.com和this SO Question，background-position-y是现在的标准，并在所有的浏览器支持除旧版本的Firefox。

background-position-x/-y，background-repeat-x/-y批准了背景和边框的级别4。

2017-06-20 21:25:25 Jersh

回答