I have a table on my jsp page with multiple rows and columns. I want to ensure that visitors can easily follow along when they interact with the table - by highlighting the row or column they hover over with a different background color.
Although the **hover functionality** works well in browsers like Chrome and Firefox, it does not work in Internet Explorer. I specifically need to cater to content="IE-5".
Below is my code snippet:
<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>
How can I make this work for all versions of Internet Explorer?
Thank you in advance!
Anand