背景spry图像与多个类

时间:2011-12-03 07:15:48

标签: html css position background-image

我听说过组合多个课程,这对我来说很有帮助。我有一个带有图标的侧边栏,所以我将图标合并到一个垂直图像中,现在我想在下一个块中显示下一个图像,依此类推

我已经将它设置为这样并试图在css上保存大量编码和fb,使用普通类为每个编写很容易,但是我想组合这些类来保存kb和编码时间

有人可以帮助,第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 个答案:

答案 0 :(得分:1)

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

enter image description here

(我当然不希望那些结果具有背景位置)