Фоновые изображения spry с несколькими классами - PullRequest
0 голосов
/ 03 декабря 2011

Я слышал о комбинировании нескольких классов, что очень помогло бы мне в этой ситуации. У меня есть боковая панель с иконками, поэтому я объединил иконки в 1 вертикальное изображение, теперь я хочу отобразить следующее изображение в следующем блоке и так далее

Я изложил это так и пытался сэкономить много кода и КБ на CSS, это легко сделать с обычными классами для каждого, но я хочу объединить классы для сохранения КБ и кодирования время

Может кто-нибудь помочь, пожалуйста, номер 4 делает то, что должен делать в Dreamweaver, но не в браузерах. Спасибо, эй

Для тех, кто хочет знать, я пытаюсь достичь боковой панели справа. Я перерабатываю сайт - Unihost - чтобы быть в div, а не в таблицах и trs и tds

HTML

<div class="sidepanel">
 <div class="sidepanelleft 1"></div>
 <div class="sidepanelright">Content Goes Here</div>
</div>
<div class="sidepanel">
 <div class="sidepanelleft 2"></div>
 <div class="sidepanelright">Content Goes Here</div>
</div>
<div class="sidepanel">
 <div class="sidepanelleft 3"></div>
 <div class="sidepanelright">Content Goes Here</div>
</div>

CSS

.sidepanelleft { display:block; width:45px; height:45px; float:left; background:url(../images/webhostingfeatures.jpg); background-repeat:none}
.1 { top: 0 -55px }
.2 { position: 0 -55px }
.3 { background: 0 -55px }
.4 { background-position: 0 -55px }

1 Ответ

1 голос
/ 03 декабря 2011

Я не знаю, чего вы пытаетесь достичь (как вы на самом деле не указали), но мне кажется, это работает:

enter image description here

(я уверен,не ожидал этих результатов с background-position)

...