Question

我有一个html表：

<table id=mytable>
<tr>
<th>Configurations</th>
<th>Dual 1.8GHz</th>
<th>Dual 2GHz</th>
<th>Dual 2.5GHz</th>
</tr>
</table>

然后我写了以下内容：

 <script type="text/javascript">

$('#mytable tr').hover(
  function () {
    $(this).css("background","yellow");
  }, 
  function () { 
    $(this).css("background","");
  }

);

</script>

当我将鼠标悬停在表格行上时，它在Firefox中变为黄色，但在IE中它变为白色！有什么想法吗？

Answer 1

<style>
.someClass{/*all the proertiese you wanna set*/}
</style>
$('#mytable tr').hover(
  function () {
    $(this).addClass('someClass');
  }, 
  function () { 
    $(this).removeClass('someClass')
  }

);

Answer 2

替换

$(this).css("backgroundColor","yellow");

并且

$(this).css("backgroundColor","");

或者你可以传递一个css属性对象

$(this).css({
  background-color: 'yellow',
  background-image: 'url("blablabla")'
});

Answer 3

做的：

$(this).css("backgroundColor","yellow");
//or
$(this).css("background-color","yellow");

改变css背景属性不在IE中工作

3 个答案: