具有多個類的背景Spry圖像

我聽說過將多個類組合在一起，這可以幫助我解決這種情況。我有一個帶有圖標的側邊欄，所以我組合了1個垂直圖像中的圖標，現在我想要在下一個塊中顯示下一個圖像等等具有多個類的背景Spry圖像

我已經明白了這一點，並試圖保存很多編碼anf kb上的css，它很容易做到與每一個正常的類，但我想結合的類來節省kb的和編碼時間

有人可以幫忙，請4號做它應該做的在Dreamweaver中，但不在瀏覽器中。謝謝你嗨

對於那些想知道，我試圖實現側邊欄的權利。林重新開發網站 - Unihost - 要在申報單，而不是表和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 }

來源

2011-12-03 Sarah

不要過早地優化你的CSS。這適得其反。 – Blender

好吧，只是認爲有一個簡單的方法，這不會適得其反;;） - 我仍然希望有;-)謝謝 – Sarah

肯定有。使用CSS縮小器（谷歌的術語）。 – Blender

我不知道是什麼你試圖達到（因爲你沒有真正指定），但它看起來對我有用：

enter image description here

（我肯定沒想到有背景位置的結果）

來源

2011-12-03 07:40:33 Frostyfrog

我正在重新設計[Unihost]（http://www.unihost.co.za） - 看看邊欄 – Sarah

嘗試添加：.sidepanel {clear：both;} – Frostyfrog

明確：兩者都不是問題，我試圖讓下一塊圖像出現在下一個塊 - 因此背景位置和spry – Sarah

具有多個類的背景Spry圖像

回答

相關問題