2

色が交互に並んだ行のテーブルがあります。また、テーブルの行にホバー効果があります。Windows 8のIE10（およびIE9モードでも）では、マウスを離した後でもホバーが残ることがよくあります。

ここにデモがあります（テーブル上でポインタを上から下にドラッグするだけです）：http：//jsfiddle.net/rapik/UF8kZ/

行の色を交互にするルールを削除すると、問題が解決します。

それはバグですか、それとも私は何か間違ったことをしていますか？

CSSソース：

/*
 * Alternating colors for rows.
 */
.table tbody tr:nth-child(odd) {
  background-color: #DDDDDD;
}

.table tbody tr:nth-child(even) {
  background-color: #EEEEEE;
}

/*
 * Hover effect for rows.
 */
.table tbody tr:hover {
  background-color: red;
}
4

2 に答える 2

2

これは、あなたが遭遇したかなり興味深い問題です。tr当面の解決策は、要素からそのtd子に焦点を移すことです。

.table tbody tr:nth-child(odd) {
    background-color: #DDDDDD;
}
.table tbody tr:nth-child(even) {
    background-color: #EEEEEE;
}
.table tbody tr:hover td {
    background-color: blue;
}

これで問題は解決しましたが、すべてのインスタンスで十分ではない可能性があります。これを引き続き実験して、より具体的な詳細を突き止めることができるかどうかを確認します.

アップデート：

したがって、これはdisplay: table-row. span要素を作成し、適切なdisplayルールを適用して、同じ問題を再現することができました。

さらなる実験: http://jsbin.com/asazah/2

于 2013-01-04T15:34:21.497 に答える