Смещение фонового изображения из центра?

Question

Если бы я говорил о компенсации фона от вершины я мог бы просто сделать это:

background-position: top 10px center; 

Я просто пытался применять ту же логику к вертикально центральному смещению:

background-position: center 10px center; 

Почему это не работа? Есть ли решение сделать это исключительно с помощью CSS или мне нужно обернуть фон в своем собственном div (не в моих предпочтениях).

HTML, для DIV:

<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 не сможет сделать то, в чем вы нуждаетесь. Если это должно быть смещение на основе пикселей, я предлагаю только то, что вы рассмотрели: контейнер для упаковки.