如何將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 /個標籤內，並使用「顯示」顯示/隱藏圖標：

.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; 
}