이미지가 배경에 표시되지 않습니다. <tr>

이상한 문제가 있습니다. 웹 응용 프로그램 (struts에서 개발 됨)이 있고 표 형식으로 데이터를 표시하는 2 개의 웹 페이지가 있습니다.이미지가 배경에 표시되지 않습니다. <tr>

표에서 머리글 행은 배경 이미지가 있으므로 머리글을 구분할 수 있습니다.

이제 문제는 배경 이미지가

일부 입력 페이지 (A)에 표시되지만 페이지 B.에 표시되지 않는다는 것입니다 : 배경은 CSS와 같은 CSS 클래스 인에 의해 처리됩니다

1) 두 페이지 모두에 사용됩니다. 여기에 클래스 :

#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는 배경에 이미지를 표시 할 수 없습니다.

아이디어가 있습니까?

출처

2012-06-11 Felix Christy

경고 (i)의 내용은 무엇입니까? –

테이블 – Dipak

로 바이올린을 올려주세요. 귀하의 바이올린과 함께 잘 작동합니다. http://jsfiddle.net/NrKJe/2/ – SVS

마지막으로이 작업을 수행했습니다. 사실 CSS/jQuery 결합 문제였습니다. 긴 작업 목록에서 jQuery가이 테이블에 부모를 거의 추가하지 않아서 문제가 발생했습니다.

이로 인해 이미지의 위치가 방해 받고 페이지 영역 밖으로 표시되었습니다.

답변/의견을 보내 주셔서 감사합니다.

출처

2012-06-11 13:01:39

같은 특성을 가진, 페이지 B의 테이블 머리글 행에 대한 또 다른 CSS를 확인하고 수행 같은 ....

출처

2012-06-11 06:56:21 Zoya

안녕 Zoya, 답장을 보내 주셔서 감사합니다,하지만 행운을 빌어 요! : –

당신은 CSS에서 ID #reportArea을 사용하고 있지만, 동일한 HTML에서 누락 된

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

실무 데모 - http://jsfiddle.net/NrKJe/5/

출처

2012-06-11 07:14:33 Dipak

내가이 시도하지 않고 보자. –

안녕하세요, 아직 행운이, 나는 당신의 피들러 부분을 보았다, 그것은 잘 작동하고있다, 그 의미가 뭔가 거기에 ajaxComplete() 부분. $ (문서) .ready() –

코드로 바이올린을 게시 할 수 있습니까? – Dipak

이미지가 배경에 표시되지 않습니다. <tr>

답변

관련 문제