從中心偏移背景圖像？

Question

如果我談論抵銷頂部的背景我可能只是這樣做：

background-position: top 10px center; 

我剛纔想應用相同的邏輯來垂直中心偏移：

background-position: center 10px center; 

爲什麼這不行？有沒有一種解決方案來純粹使用CSS，還是需要將背景封裝在自己的div中（而不是我的偏好）。

用於在div的HTML：

<table id="tabs"> 
    <tr> 
     <td id="tab-map">Map</td> 
     <td id="tab-news">News</td> 
     <td id="tab-timetables">Timetables</td> 
     <td id="tab-favourites">Favourites</td> 
     <td id="tab-more">More</td> 
    </tr> 
</table> 

它是具有所述背景圖像的<td>元件。

Answer 1

不幸的是不是如何background-center values工作。 center只是50%的簡寫。因此，你試圖做的是background-position: 50% 10px 50%;，正如你注意到的，不起作用。除非您可以用百分比值表示該偏移量（例如51%或49.5%），否則background-position無法完成您所需的操作。如果它必須是基於像素的偏移量，那麼我建議你考慮一下：包裝容器。