IE8은

내가IE8은

... 
<table> 
<tbody> 
<tr style="display: none;" class="print_display"><td>stuff ....</td>/tr> 
</tbody> 
</table>

문제는 내가 IE8에서 숨기기를 취소 할 수있다가 CSS로 숨김 해제 나는 사용자가 인쇄 할 때의 개막 print_css을 가지고 있고 그것은

tr.print_display 
    { 
     border: 1px solid; 
     display: table-row !important; 
     visibility: visible !important; /* IE bug*/ 
    }

있다

아무것도 작동하지 않습니다.

CSS로만 숨기기를 취소 할 수 있습니까?

출처

2012-02-24 max4ever

시도 :

는

tr.print_display 
    { 
     border: 1px solid; 
     display: block !important; 
    }

또한 마크 업이 잘못되었습니다. 내가 /tr>

http://jsfiddle.net/8jqHE/

출처

2012-02-24 14:32:13 Curt

예, 복사 붙여 넣기 버그입니다, 고마워요 !!! 최대한 빨리 대답을 받아 들일 것입니다. – max4ever

파이어 폭스의 디스플레이 블록 유적 레이아웃 ( – max4ever

) 여러 행과 열이있는 테이블을 다른 브라우저에서 확인하십시오. 의 "display : block"에 문제가있을 것이라고 생각합니다. – Ray

대신 </tr>를 사용하고

<tr style="display: none;" class="print_display"><td>stuff ....</td></tr>

난 당신이 'CSS 전용'고 말했다 알고,하지만 난 그것을 작동합니다 생각하지 않습니다로 교체하십시오. 몇 가지 자바 스크립트를 사용하여 증서를 수행 할 수 있습니까? 그렇다면 style.display의 값을 ""(빈 문자열)로 설정하십시오. 이것은 모든 브라우저에서 테이블 행을 표시하는 데 사용됩니다. "블록"으로 설정하면 디스플레이 문제가 발생할 수 있으며 IE는 실제로 "테이블 행"항목을 잘 처리하지 못합니다.

출처

2012-02-24 14:36:54 Ray

차단으로 설정하면 표시 문제가 발생할 수 있습니다. ? 내 대답이 정확하지 않다는 것을 말하고 있습니까?이 부분에 대한 설명을 해주십시오. – Curt

'블록'이 표 행의 적절한 표시 값이 아닙니다 .IE가 원하는대로 해석하지만 Firefox (및 기타)는 이 질문에있는 간단한 단일 행, 단일 열 견본에서는 분명하지 않지만 쉽게 설명 할 수 있습니다. 큰 테이블에. – Ray

+1 나는이 질문에 대답 할 때 이것을 깨닫지 못했습니다. – Curt

답변

관련 문제