Повторение фона CSS Sprite - PullRequest
Новая
       6

Повторение фона CSS Sprite

0 голосов
/ 08 марта 2012

Фоновое изображение repeat-x Или у меня не работает.

HTML: 

<div id="box">
 <div class="t"></div>
 <div class="m"></div>
 <div class="b"></div>
</div>

CSS: 

#box{width:220px; height: 230px; margin:0 auto; }
#box .t {width:220px;height:40px; margin:0 auto;background-image:url(../images/main.png) ;background-position:0 0; background-repeat:no-repeat;}
#box .m {width:220px;height:180px; margin:0 auto;background:url(../images/main.png) repeat-x  0 -40px;} */repeat-y */
#box .b {width:220px;height:10px; margin:0 auto;}

Этот фон только для печати класса m без повторения x или y.Как это исправить?этот тип написания CSS для спрайта оптимизирован?

Спасибо.

Демонстрация в сети: http://jsfiddle.net/cAbYF/

1 Ответ

1 голос
/ 12 июня 2012

Вы повторяли изображения с фиксированной шириной, например: (repeat-x означает ширину: 1px; одно за другим изображение) (repeat-y означает высоту: 1px; плавающее изображение), чтобы получить идеальное изображение, оно также повторяется правильно.)

...