1

我面临一个奇怪的问题。我有一个 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 无法在后台显示图像

有任何想法吗？

4

3 回答 3

1

您在 CSS 中使用 id#reportArea但在 HTML 中缺少相同的

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

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

于 2012-06-11T07:14:33.497 回答
0

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

于 2012-06-11T06:56:21.370 回答
0

终于得到了这个工作。实际上，这是 CSS/jQuery 结合的问题，从长长的操作列表中，jQuery 将几个父级添加到此表中，这导致了问题。

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

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

于 2012-06-11T13:01:39.213 回答