làm cách nào tôi có thể đặt hình ảnh bullet tùy chỉnh của thẻ li?

Question

Tôi đang cố gắng đặt hình ảnh tùy chỉnh làm dấu đầu dòng. khi tôi đang sử dụng thẻ nền hoặc hình nền, nó hoạt động nhưng không căn chỉnh đúng với danh mục danh sách. Và khi tôi đang sử dụng danh sách-kiểu-hình ảnh nó không hiển thị hình ảnh như một viên đạn.

Vấn đề:

Css

Firebug

Hình ảnh cũng được hiển thị trong firebug khi tôi di chuyển chuột của tôi trên trên nó

sai đầu ra cuối cùng

Giải pháp:

Output đúng những gì tôi muốn

Answer 1

Đây là một phương pháp, sử dụng hình nền làm hình viên thay thế. tôi đã thực hiện một cách nhanh chóng jsfiddle to demonstrate it

li { 
    height: 19px; 
    margin: 10px 0; /* not needed, just to add space between the li's */ 
    background: url('../images/vmgeneral/errow.png') no-repeat left center; 
    list-style: none; /* Get rid of the default bullet points */ 
    padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */ 
    line-height: 20px; /* Might have to play with this value a bit */ 
} 

Answer 2

Đặt và li Lớp

và đưa lớp 'liên kết nền cho hình ảnh như đạn