чейнинга CSS фон свойство не работает в IE

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");