如何添加一個twitter-bootstrap圖標作為CSS背景圖像？

Question

我有一個CSS懸停在表格上以突出顯示當前行。

.cb_table-hover tbody tr:hover td,
.cb_table-hover tbody tr:hover th {
  background-color: #cfcfcf;

}

另外，我想在同一CSS中添加另一行，以在懸停的表格行的背景中顯示一個twitter引導圖標。

<i class="icon-search"></i>

起初我在考慮利用background-image:url('??'); 但是圖標不能這樣定義。

有可能嗎？ 謝謝

Answer 1

當然可以！ 您無法使用圖片精靈設置背景圖片

但是您可以將圖標放在td / th標簽內，然后使用“顯示”顯示/隱藏圖標：

.cb_table-hover tbody tr td .icon-search,
.cb_table-hover tbody tr th .icon-search{
    display: none;
}

.cb_table-hover tbody tr td:hover .icon-search,
.cb_table-hover tbody tr th:hover .icon-search{
    display: inline-block;
}