1

对于以下 HTML：

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

以下JQuery：

$('#loading_45').addClass('loading');

使用以下 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 中工作正常）

有谁知道我做错了什么？

正如Pointy指出的那样，问题出在css位置：绝对；应该删除定义谢谢大家这么快回答

4

2 回答 2

1

我确信“addClass”正在工作，因为它正在将类添加到元素中，如果（如@Gaby 注释）你在正确的时间做它。由于它适用于 Firefox，因此您可能是。

我怀疑问题可能只是您的样式表吓坏了 IE7。将“位置：绝对”放在表格单元格上可能会导致问题，例如使表格单元格呈现在完全错误的位置。当我尝试它时，表格单元格总是呈现在页面的左上角，即使样式表没有指定“顶部”或“左侧”。

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

于 2010-07-18T13:04:04.503 回答
0

确保代码在 DOM 加载后运行

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

或者

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

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

演示： http: //www.jsfiddle.net/9PZZB/2/

于 2010-07-18T12:54:20.947 回答