Использование CSS Sprites и repeat-x background-position с прозрачными пикселями

Question

Я спрашиваю, что конкретно написано в названии ...

#submenu-outer{
    height:40px;
    background: #F0EFE2 url(/template/img/main/intro12.png) 0px -240px repeat-x;
    width:100%;
}

Этот код не имеет смысла; Какие-либо предложения? Я хочу повторить первый столбец этой строки. Каждая другая строка (из 40px) там нулевая (0px -240px)

Answer 1

Если вы используете repeat-x в качестве фона, он будет повторять всю ширину файла изображения. Поэтому, если у вас есть прозрачные пиксели в спрайте после 40 пикселей, на самом деле нормально, что вы получаете прозрачный фон каждые 40 пикселей или около того.

Вы можете сделать так, чтобы ваш повторяющийся шаблон занимал всю ширину спрайта, или поместил его в отдельный файл.