1

私は奇妙な問題に直面しています。Webアプリケーション（strutsで開発）があり、2つのWebページがあり、データを表形式で表示しています。

表では、ヘッダーを区別できるように、ヘッダー行に背景画像があります。

ここで問題となるのは、背景画像がページ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を確認したところ、HTTPコード200OKの両方のページにred-bg.pngが正常に読み込まれていることがわかりました。

3）データはajax関数によってロードされます。

4）クラス名tr-row-7は、jQueryを使用して動的に行に付けられています。機能はこんな感じ

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

ajaxComplete()行クラスの割り当てに同じjQuery（）を使用している両方のページ。それでもページ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 に答える