Question

这段表格的鼠标移动点击变换颜色的在火狐中正常使用，在IE下为什么不能正常使用

$("table td:first-child").css("background","#F2F2F2");

$("table tr").hover(function(){

if(this.style.backgroundColor!="rgb(255, 102, 51)")

this.style.background="#E4EEFF";

});

$("table tr").mouseout(function(){

if(this.style.backgroundColor!="rgb(255, 102, 51)")

this.style.background="#ffffff";

});

//单击有颜色

$("table tr").click(function(){

$("table tr").css("background","#fff");

this.style.background="#ff6633";

});

Answer 1

我这的区别是，IE下点击变色后，鼠标移开颜色会还原，火狐下会保留

因为IE和火狐下的backgroundColor 获取到的内容是不同的，我这里多加了个判断

追问

现在是这个情况 但我想把IE变为和火狐一样的效果

追答

按我图中所写的那样不行吗？多加个判断以区分IE和火狐，

追问

还是不行啊 火狐与IE只能一个管用

追答

看看这个吧

Answer 2

　　您好！很高兴为您答疑！

　　因为backgroundColor在IE下返回的不一定是rgb(...)。给的什么就返回什么。火狐下不会有这种问题，这里需要做兼容设置。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

因为backgroundColor在IE下返回的不一定是rgb(...)。
你给的什么就返回什么。

比如下面的在IE9
this.style.background="#E4EEFF"; // IE 返回 #E4EEFF

this.style.background="rgb(0, 0, 0)"; // IE 返回 rgb(0,0,0);