Проблема с использованием CSS спрайтов в качестве фона для заголовка

Question

У меня есть мастер-спрайт для моего сайта.Теперь у меня проблемы с фоном для нескольких названий статей.Я создал изображение с закругленными углами.Теперь я применяю этот фон для своего заголовка, я не вижу полное фоновое изображение, часть изображения обрезается.Я хочу применить 100% изображения в качестве фона.

background: #E8E8E8 url(/img/icons/spritelnkd.png) no-repeat 0px -180px;

Я ценю любую помощь.

Спасибо.

Answer 1

Отобразите ширину вашего изображения с помощью его заполнителя.

Например: если ширина вашего изображения 100px, используйте следующее

<div style="width:100px;" class="sprite-class">Title</div>

Answer 2

У вас есть два варианта: либо вы используете опцию css3 border-radius и отбрасываете фоновое изображение, либо вам нужно немного раздуть свою разметку и ввести второй контейнер с фоновым изображением для одной стороны вашего заголовка.Этот метод описан для вкладок в этой статье:

http://www.alistapart.com/articles/slidingdoors/