Chrome表格單元格中的背景圖片？

試圖獲得一個背景圖像以顯示在Chrome中的單個表格單元格元素中，並且只有當我將鼠標懸停在該單元格上時。如果我刪除：懸停，它不會顯示，無論我做什麼。Chrome表格單元格中的背景圖片？

我現在在問這個問題，希望Google已經解決了這個問題，並且在搜索後我還沒有看到答案，或者有人找到了答案。另一個原因是2010年有搜索結果，他們主要討論表格行元素而不是單個單元格。

這失敗給我的表格單元格圖像：

#matrix td.level { 
position: relative; 
vertical-align: top; 
height: 200px; 
width: 150px; 
background: transparent url("/images/th-bg-level.png") no-repeat 0px bottom; 
}

但我可以懸停就好：

#matrix td.level:hover { 
background: transparent url(/images/th-bg-level.png) no-repeat -157px bottom; 
border: none; 
}

它也將顯示圖像，如果我更改爲<th>元素，但我真的不想這麼做...不好的編碼習慣和所有...

有沒有解決這個問題？

來源

2015-09-12 NovaDev

與'：hover'相比，您對圖像的引用位於不同的位置。您的「背景位置」值也是如此。我不確定這是否只是一個錯字。 –

錯字 - 我的錯誤編輯。 – NovaDev

使用背景<td>元素工作正常，問題必須在別的地方。

td { 
 
    padding: 30px; 
 
} 
 
td.target { 
 
    background: transparent url("http://i.imgur.com/cAN2O2J.jpg") no-repeat 0px bottom; 
 
    color: white; 
 
}

<table> 
 
    <tr> 
 
    <td>John</td> 
 
    <td class="target">Doe</td> 
 
    </tr> 
 
</table>

懸停狀態，並在你的代碼的地址非懸停狀態完全不同的文件夾（/images/ VS ../images/），是沒有問題的呢？

來源

2015-09-12 01:59:52 Nit

我剛輸入的目錄引用錯誤。我的錯誤。我將不得不看看可能導致問題的其他事情。有可能我有繼承問題... – NovaDev

Chrome表格單元格中的背景圖片？

回答

相關問題