html - 具有多个类别的背景 spry 图像

Question

我听说过组合多个类，这在这种情况下对我有很大帮助。我有一个带图标的侧边栏，所以我将图标组合成一个垂直图像，现在我想在下一个 block 中显示下一个图像，依此类推

我已经这样设置了，并试图在 css 上节省大量编码和 kb，使用每个普通类很容易做到这一点，但我想组合这些类以节省 kb 和编码时间

请有人帮忙，4 号在 Dreamweaver 中做了它应该做的，但在浏览器中没有。谢谢嘿嘿

想知道的 friend ，我正在努力实现右边的侧边栏。我正在重新开发网站 - 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 }

Answer 1

我不知道你想要达到什么目的(因为你还没有真正指定)但它看起来对我有用:

(我肯定没想到背景位置会产生这些结果)