是否可以只改變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

回答