요소가 페이지에 추가 된 후에 팬텀 테두리가 표시됩니다.

내 프로젝트의 UI에 약간의 문제가 있습니다. jQuery 템플릿을 사용하여 호출 된 프로세스가 완료된 후 요소를 페이지에 추가합니다. 페이지에 표가 있으며 표 머리글에 테두리 만 있습니다. 착신 처리가 완료되고 소자 JQuery와 템플릿을 첨가요소가 페이지에 추가 된 후에 팬텀 테두리가 표시됩니다.

#mainContent thead tr td{ 
    border: 1px solid #bbbbbb; 
    border-collapse: collapse; 
    background-image: url(../images/columnheader_bg.png); 
    background-repeat: repeat-x; 
    background-color: #e2e2e2; 
    text-decoration: underline; 
    font-weight: bold; 
    padding: 5px; 
}

후, 헤더의 경계가 테이블의 본문의 첫 번째 행에 나타나는 다음은 헤더 경계의 CSS 설정이다. 설명하기가 어려우므로 http://screencast.com/t/LD8SvpgV에 스크린 샷 비디오를 캡처했습니다 ('상태'및 '동작'아래의 비디오 끝에 경계선이 표시됨).

누구든지이 문제의 원인을 알 수 있으며 어떻게 제거 할 수 있습니까?

건배,

기아

출처

2010-12-02 Kianosh

열 사이의 세로 테두리를 의미합니까? 그렇다면 tbody 및 td에 CSS를 제공하십시오. – Lex

그것은 당신이 제공하는 세부 소수점 정확한 문제를 고정하기 어렵다.

특정 브라우저에서만 발생합니까?

파이어 폭스 용 애드온 (Firebug) 애드온을 설치하고 거기에서 조사를 해달라고 조언합니다.

출처

2010-12-02 23:41:02

나는 Firebug를 가지고 있으며 CSS와 HTML을보고 아무 것도 보이지 않는다. 나는 밟아지고 아무 해결책도 찾아 내지 않았다. – Kianosh

요소가 페이지에 추가 된 후에 팬텀 테두리가 표시됩니다.

답변

관련 문제