使用CSS精靈和具有透明像素

重複-X背景，地位

#submenu-outer{ 
    height:40px; 
    background: #F0EFE2 url(/template/img/main/intro12.png) 0px -240px repeat-x; 
    width:100%; 
}

該代碼是沒有意義的;有什麼建議麼？我想重複這一行的第一列。其他每行（40px）在那裏爲空（0px -240px）

2011-11-21 Chris P

嗨，你可以讓一個jsfiddle，所以我們可以看到你想達到什麼？乾杯 –

我不確定這個問題是否合理。你能否包含你想要達成的目標？當你說'那段代碼沒有意義'時 - 你的意思是什麼？你不明白它在做什麼？ –

你發佈了一些代碼，並表示它「沒有任何意義」。那麼你爲什麼發佈它？來自什麼？你想要什麼？嘗試描述問題，而不是解決方案不起作用。 – jalf

如果您使用repeat-x作爲背景位置，它將重複圖像文件的整個寬度。因此，如果在40像素之後在精靈中有透明像素，那麼實際上每隔40像素就會得到一些透明背景。

你可以讓你的重複模式獲得整個精靈寬度，或者把它放在一個單獨的文件中。

2011-11-21 23:36:13 Leo

回答