css圖像背景定位

Question

我正在努力與CSS的挑戰。我有一個箭頭項目符號列表。我希望箭頭項目符合第一行。此箭頭子彈經由背景圖像設置是這樣的：

.linklist a { 
    display: block; 
    padding: 0 0 0 8px; 
    background: transparent url("../images/css/arrow-left.png") no-repeat 0; 
    text-decoration: none; 
    outline: none; } 

結果是：

當我刪除顯示：阻止它示出了在第一行箭頭子彈，像我想要。但現在，第二行是縮進的。我希望兩條線之間的垂直對齊和箭頭項目符號在第一行對齊。有什麼我忽略瞭如何設計這個？

希望有人能幫助我嗎？

親切的問候。

Answer 1

CSS

background-position: left top; 

Answer 2

試着這麼做：

background: transparent url("../images/css/arrow-left.png") 0 -4px no-repeat; 

隨着0是左背景位置和-4px是最上面的一個。

Answer 3

你需要使用background-position：

.linklist a { 
    display: block; 
    padding: 0 0 0 8px; 
    background: transparent url("../images/css/arrow-left.png") no-repeat 0; 
    text-decoration: none; 
    outline: none; 
    /*new*/ 
    background-position: 15px 20px 
}