jquery - 图片没有出现在 的背景中

Question

我遇到了一个奇怪的问题。我有一个 web 应用程序(在 struts 中开发)和 2 个网页，它们以表格格式显示数据。

在表格中，标题行有一个背景图像，以便标题可以区分。

现在的问题是背景图片出现在页面A中，但没有出现在页面B中。

一些输入:

1) 背景由 CSS 处理，两个页面都使用相同的 CSS 类。这是类(class):

#reportArea table tr.tr-row-7 {
  background: url(../images/red-bg.png) repeat !important;
  position: relative;
  z-index: 100;
  height: 36px;
  width: 100%;

}

2) 我用 firebug Net 监视器检查过，发现 red-bg.png 已成功加载到两个页面上，HTTP 代码为 200 OK

3) 数据由 ajax 函数加载。

4) 类名 tr-row-7 已使用 jQuery 动态地赋予行。函数是这样的

$(document).ajaxComplete(function(){
  $("#reportArea table tr", this).each(function(i){$(this).addClass("tr-row-" + i);});
});

两个页面都使用相同的 jQuery (ajaxComplete()) 进行行类分配。静态页面 B 无法在后台显示图像

有什么想法吗？

Answer 1

您在 CSS 中使用了 id #reportArea，但在 HTML 中却没有

<div id="reportArea">
  your table
</div>

工作演示 - http://jsfiddle.net/NrKJe/5/