Question

我在jsp页面中有一个包含许多行和列的表，我想让访问者在我的页面上保持定位，当他们在行或列上移动鼠标时，应该使用不同的背景颜色突出显示。我的**hover funtionality**代码适用于其他浏览器，例如crome，firefox，而不是IE，我需要保留content="IE-5"

这是我的代码：

<meta http-equiv="X-UA-Compatible" content="IE=5" />
<script type="text/javascript"
src="javascripts/jquery/jquery-1.5.1.min.js"></script>
<script type="text/javascript"
src="javascripts/jquery/jquery-ui-1.8.12.custom.min.js"></script>


$(document).ready(function() {
 $('#reportDashBoardTable tr').hover(
    function () {
        $(this).addClass('hover');
    },
    function () {
        $(this).removeClass('hover');
    }
  );
});

 <style type="text/css">
    .hover { background-color:#B0C4DE; }
 </<style>

我如何为IE-all版本做到这一点？

提前致谢！

阿南德

Answer 1

为什么不使用CSS？几乎每个IE版本都应该支持它（除了3以下的所有内容）

#reportDashBoardTable :hover { background-color:#B0C4DE; }

Answer 2

我们可以轻松使用css来实现这个目标

<style type="text/css">
    table tr:hover {
        background-color: red;
    }
</style>

希望这有帮助

使用带有IE-所有版本的JQuery时，表格突出显示悬停

2 个答案: