Jquery 图像不会显示在<；的背景中；tr>；

我面临一个奇怪的问题。我有一个web应用程序（用struts开发）和两个网页，它们以表格格式显示数据

在表中，标题行具有背景图像，因此标题可以区分

现在的问题是背景图像显示在A页，但没有显示在B页

一些投入：

1） 背景由CSS处理，两个页面中使用相同的CSS类。下面是课堂：

#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 monitor进行了检查，发现red-bg.png已成功加载到两个页面上，HTTP代码为200 OK

3） 数据由ajax函数加载

4） 类名tr-row-7已使用jQuery动态指定给row。函数是这样的

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

两个页面使用相同的jQuery（

ajaxComplete（）

）进行行类分配。静止页面B无法在背景中显示图像

---

有什么想法吗？

用相同的属性为B页的表头行制作另一个css，并执行相同的操作

为B页的表格标题行创建另一个css，使用相同的属性，并执行相同的操作

您在CSS中使用了id

#reportArea

，但在HTML中缺少相同的内容

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

你的桌子

工作演示-

您在CSS中使用id

#reportArea

，但在HTML中缺少相同的内容

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

你的桌子

---

正在运行的演示-

终于可以运行了。实际上，这是CSS/jQuery组合的问题，从一长串操作来看，jQuery向这个表中添加了很少的父项，这就是问题的原因

因此，图像的位置受到干扰，显示在页面外区域

---

谢谢大家的回答/评论，他们让我工作了

终于成功了。实际上，这是CSS/jQuery组合的问题，从一长串操作来看，jQuery向这个表中添加了很少的父项，这就是问题的原因

因此，图像的位置受到干扰，显示在页面外区域

---

谢谢大家的回答/评论，他们让我工作了

alert（i）是怎么说的？请发布fiddle with Table它与你的fiddle@SurendraVikramSingh配合得很好：请看一看，类已经是html格式的，所以它可以工作，这里的类是使用jQuery分配的，我想我们需要检查jQuery，因为它是ajax完成的，fiddle没有ajax调用。alert（i）是什么说？请发布fiddle with Table它与你的fiddle@SurendraVikramSingh配合得很好：请看一下，类已经是html格式的，所以它可以工作，这里的类是使用jQuery分配的，我想我们需要检查jQuery，因为它是ajax完成的，fiddle没有ajax调用。嗨，还是没有运气，我看到了你的fiddler部分，在fiddler中，它工作得很好，这意味着它的ajaxComplete（）部分中有一些东西。让我试试$（document）.ready（）抱歉，这是一个小提琴创建错误，看看这个，我想我们需要启动一些ajax函数，然后才能看到ajaxCompleted（）行为。看这个：嗨，还是不走运，我看到了你的小提琴部分，在小提琴中，它工作得很好，这意味着，它的ajaxComplete（）部分有些东西。让我试试$（document）.ready（）抱歉，这是一个小提琴创建错误，看看这个，我想我们需要启动一些ajax函数，然后才能看到ajaxCompleted（）行为。见此：