Question

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

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

现在问题是背景图片显示在页面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动态赋予行。这个函数是这样的

$(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/

Answer 2

为页面B的表头行创建另一个css，具有相同的属性，并执行相同的操作....

Answer 3

终于搞定了。实际上，这是CSS / jQuery组合问题，从很长的操作列表中，jQuery在这个表中添加了少数父项，这导致了这个问题。

由于这个原因，图像的位置受到干扰，并显示在页面外区域。

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

图像不会出现在背景中

3 个答案: