如何通過CSS將背景圖像設置爲按鈕？

<button id='addEVENT' class='normal b-all'></button>

而這個CSS：

#addEVENT { 
    width:50px; 
    height:25px; 
    background:#EEEEEE url('icons/444444/pencil.png') no-repeat fixed center; 
}

的「正常」類調整字體樣式和「B-ALL」增加了一個邊界，以取代醜陋默認那些。顏色顯示，但沒有圖像，我嘗試了許多CSS的變體，但無濟於事。有什麼建議麼？

2013-01-16 LeeBrooks3

您可以檢查元素並查看應用了哪些樣式（右鍵單擊 - 檢查元素）。另外檢查該圖像的URL是相對於你的CSS文件。 – antejan

嗨antejan，感謝您的建議，我已經嘗試過，並且沒有出現應用樣式的任何問題，並且正在正確訪問圖像。 – LeeBrooks3

嘗試刪除'固定'屬性 – Musa

路徑icons/444444/pencil.png是相對於CSS文件的位置。假設CSS位於css/之內，這意味着您指向css/icons/444444/pencil.png。

如果這不正確，請相應地修改路徑（例如../icons/444444/pencil.png）。

2013-01-16 00:23:29 Jon

嗨喬恩，是的圖像是'/ css'裏面，因此被正確地指向和訪問。 – LeeBrooks3

回答