从中心偏移背景图像？

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将无法执行您需要的操作。如果必须是基于像素的偏移量，我建议您考虑一下：包装容器。