0

テーブルにカーソルを合わせて現在の行を強調表示するための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('??');が、アイコンをそのように定義することはできません。

それが可能であれば何か考えはありますか？ありがとう

4

1 に答える 1

3

もちろん ！画像スプライトで背景画像を設定することはできません

ただし、アイコンをtd / thタグ内に配置し、「display」を使用してアイコンを表示/非表示にすることができます。

.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;
}
于 2012-12-03T18:37:48.973 に答える