Javascript Jquery addClass函数在IE7中针对td元素失败

对于以下HTML：

<td class="width2 padLeft" id="loading_45">&nbsp;</td> 

使用以下css定义：

td.loading
{
    background-image:url("../images/icon_loading_circle.gif");
    background-position:left center;
    background-repeat:no-repeat;
    height:auto; 
    position:absolute;
    text-align:center;
}

不会导致背景图像出现在IE7中（在FF中工作正常）

有人知道我做错了什么吗

正如波蒂所指出的，问题在于css的位置：绝对；应删除定义

---

感谢大家如此快速地回答

请确保在使用

$(function(){
   $('#loading_45').addClass('loading');
});

或

还要确保元素的宽度/高度适合背景图像

---

演示：

确保在使用

$(function(){
   $('#loading_45').addClass('loading');
});

或

还要确保元素的宽度/高度适合背景图像

演示：

我确信“addClass”是有效的，因为它正在将类添加到元素中，如果（如@Gaby所述）您在正确的时间执行该操作。因为它在Firefox中工作，所以您可能是

我怀疑问题可能仅仅是你的样式表吓坏了IE7。将“position:absolute”放在表格单元格上可能会导致问题，例如使表格单元格在完全错误的位置进行渲染。当我尝试时，表格单元格总是呈现在页面的左上角，即使样式表没有指定“top”或“left”

尝试使用硬编码到表格单元格中的类测试页面，看看会发生什么。

我确信“addClass”是有效的，因为它正在将类添加到元素中，如果（正如@Gaby所指出的）您在正确的时间这样做的话。因为它在Firefox中工作，所以您可能是

我怀疑问题可能仅仅是你的样式表吓坏了IE7。将“position:absolute”放在表格单元格上可能会导致问题，例如使表格单元格在完全错误的位置进行渲染。当我尝试时，表格单元格总是呈现在页面的左上角，即使样式表没有指定“top”或“left”

---

尝试使用硬编码到表格单元格中的类测试页面，看看会发生什么。

如果您是正确的，问题在于css对position:absolute的定义。删除它解决了问题您是正确的，问题是css对位置的定义：绝对。删除它解决了OnChange事件发生时的问题OnChange事件发生时的问题

$(document).ready(function(){
   $('#loading_45').addClass('loading');
});