2012-06-11 21 views
1

我正面臨一個奇怪的問題。我有一個web應用程序(用struts開發),並有2個網頁,以表格形式顯示數據。圖片不顯示在背景<tr>

在表中,標題行有一個背景圖像,以便標題可以區分。

現在的問題是,背景圖像顯示了頁面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)我與螢火蟲網監測檢查,發現紅bg.png加載成功都與HTTP代碼200 OK

3)的數據是在頁面上由ajax函數加載。

4)類名tr-row-7使用jQuery動態地給出了行。該功能類似於使用相同的jQuery(ajaxComplete())爲行級分配這

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

兩個頁面。仍然頁面B不能在背景中顯示圖像

任何想法?

+0

警報(i)說什麼? –

+0

請發表小提琴 – Dipak

+0

它的工作正常與你的小提琴http://jsfiddle.net/NrKJe/2/ – SVS

回答

0

終於得到了這個工作。實際上,這是CSS/jQuery相結合的問題,從長長的操作列表中,jQuery增加了很少的父母到這個表中,並且導致了這個問題。

由於這個原因,圖像的位置被打亂並且顯示在頁面區外。

謝謝大家的回答/評論,他們讓我工作!

0

讓另一個CSS網頁B的表格標題行,用相同的屬性,並執行相同的....

+0

嗨卓婭,謝謝你的回覆,但沒有運氣! :( –

1

您使用ID #reportArea在CSS但同樣是在HTML失蹤

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

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

+0

讓我試試沒有這個 –

+0

嗨,仍然沒有運氣,我看到你的提琴手部分,在提琴手它工作正常,這意味着,它有一些在ajaxComplete()的一部分,讓我試試$(文檔) .ready() –

+0

你可以發佈你的代碼嗎? – Dipak