sử dụng hình nền cho li

Question

Tôi đang sử dụng hình nền cho <li> sẽ được sử dụng làm nút nhưng không được hiển thị đầy đủ; tuy nhiên, khi viết văn bản thì nó sẽ hiển thị. Tôi không muốn văn bản được viết nó đã được in trên hình nền. Tôi không thể đặt chiều rộng - làm cách nào tôi có thể sửa lỗi này?

#footernav li#footerlocation 
{ 
    display: inline; 
    padding-right: 20px; 
    background-image: url(../images/ourlocation.jpg); 
    background-repeat: no-repeat; 
    background-position: 0 -.2em; 
} 

Answer 1

Sự cố của bạn đang ở chế độ hiển thị cài đặt thành nội dòng. Nếu bạn muốn nền và chiều rộng, nhưng bạn cũng cần một danh sách kiểu nội tuyến, đặt float: left.

Answer 2

thiết lập chiều rộng và chiều cao cho hình ảnh

Answer 3

Hãy xem ví dụ sau:

ul#footernav li { 
     display:inline; 
     } 
    ul#footernav li a{ 
     display:block; 
     width:155px; 
     text-indent:-9999px; 
     } 
    ul#footernav li.footerlocation a{ 
     height:30px ; 
     background: url('images/image.jpg') bottom left no-repeat; 
     } 
    ul#footernav li.footerlocation a:hover{ 
     height:30px ; 
     background: url(images/image.jpg) top left no-repeat; 
     } 

Answer 4

Có tôi đã cùng một vấn đề, tôi chỉ cần loại bỏ css phong cách display: inline và thêm display: list-item; float:left; vấn đề của tôi được giải quyết , hi vọng điêu nay co ich.

Cảm ơn, Sankar B