背景圖像不會出現在Chrome

我有一個簡單的列表，在每個元素的背景圖像。該圖像在Firefox中顯示，但在Chrome（Windows操作系統）中不顯示。這些是附加到列表中的樣式：背景圖像不會出現在Chrome

ul li 
{ 
    position: relative; 
    border-bottom-width: 1px; 
    border-bottom-style: dotted; 
    border-bottom-color: #777777; 
    width: 378px; 
    float: left; 
    padding-top: 6px; 
    padding-right: 0px; 
    padding-left: 30px; 
    font-size: 12px; 
    font-family: Arial,Helvetica,sans-serif; 
    color: #575656; 
    line-height: 19px; 
    background-color: transparent; 
    background-image: url("../images/tir.png"); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: left top 6px; 
    background-clip: border-box; 
    background-origin: padding-box; 
    background-size: auto auto; 
    padding-bottom: 3px; 
}

有人可以發現這有什麼問題嗎？

小提琴：http://jsfiddle.net/kgeDr/

來源

2012-12-29 jovan

怎麼樣[小提琴]（http://jsfiddle.net）來演示？ –

@TWWalters我在我的問題中添加了一個小提琴。 ...它在小提琴中奏效。但是沒有其他樣式應用於列表。我認爲。我想回到實驗室。 – jovan

代碼似乎工作.. http://jsfiddle.net/LZKG6/ （我使用Chrome在Ubuntu）

可能這是錯誤的：

background-position: left top 6px;

我認爲額外的「6像素「是無效的。

內容僅指定2個值，而不是3： http://www.w3schools.com/cssref/pr_background-position.asp

來源

2012-12-29 14:39:35 Nerbiz

是的，刪除「6px」解決了這個問題。雖然它在Firefox中工作，但現在圖像有點不對，但我會以其他方式處理。 – jovan

太棒了！祝你好運。 – Nerbiz

背景圖像不會出現在Chrome

回答

相關問題