2

는 다음 사항을 고려 HTML 코드 : 문서 타입으로IE 10의 힘 엄격 모드

<style> td, tr { border:1px solid gray; } </style> 
<table class="tableinfo" cellspacing="1" cellpadding="3"> 
    <tr> 
    <td>asd</td> 
    <td>bsd</td> 
    </tr> 
    <tr style="display: block;" > 
    <td class="">ttt</td> 
    <td class="">asd</td> 
    </tr> 
</table> 

: 모든 것이 잘 작동하지만, IE10 테이블에

<!doctype html> 

IE9에서이 분류됩니다

enter image description here

왜 이런 일이 발생합니까?

해결 방법?

하나의 솔루션은 다음과 같은 추가하는 것입니다

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> 

을하지만이 전체 프로젝트에 스타일을 나누기.

답변

3

IE10은 IE8/7/6 등과 같이 작동하지 않으므로 다른 최신 브라우저와 마찬가지로 작동하지 않습니다. IE10의 예는 최신 브라우저에서도 작동하는 방식이므로 IE9는 잘못 작동합니다. Doctype을 변경하면 잘못된 것을 사용하지 않는 한 결코 해결책이 될 수 없습니다. 당신의 솔루션은 잘못된 것을 사용하고 당신을 단점 모드로 만듭니다.

+0

예 IE9 오작동으로 '블록'이 '테이블 행'으로 변경되어 정상적으로 작동합니다. IE6에서 'table-row'가 작동하지 않는 코드가 있다고 생각합니다. 레거시 코드의 매력 :) – TomTom