1

我有一个<tr>类，在用鼠标滚动整行时，我希望出现一些包含在其中一个单元格中的文本。如果可能的话，这可以用 CSS 来完成吗？如何让整个表格行翻转显示先前隐藏在其中一个单元格中的文本，这同样适用于其中包含单元格的任何其他行在单元格中使用自己的隐藏文本。我知道它可能需要 jQuery 来完成这个，但如果可能的话，这将是首选。

这是一个示例，论坛名称上的翻转显示子论坛：http ://www.kanyetothe.com/forum/

4

1 回答 1

0

它可以很容易地用 css 实现。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<style>
    .hidden {
        display: none;
    }

    tr:hover .hidden {
        display: block;
    }
</style>

<table>
    <tr>
        <td>Row 1 Column 1</td>
        <td class="hidden">Row 1 Column 2</td>
        <td>Row 1 Column 3</td>
    </tr>
    <tr>
        <td>Row 2 Column 1</td>
        <td class="hidden">Row 2 Column 2</td>
        <td>Row 2 Column 3</td>
    </tr>

</table>

</body>
</html>
于 2013-09-16T15:09:03.420 回答