2

次の HTML コードを検討してください。

<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>

doctype を使用:

<!doctype html>

IE9 ではすべて正常に動作しますが、IE10 ではテーブルが壊れています。

ここに画像の説明を入力

なぜこれが起こるのですか？

これを修正する方法は？

1 つの解決策は、以下を追加することです。

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

しかし、これはプロジェクト全体のスタイリングを壊します。

4

1 に答える 1

3

IE10 は、IE8/7/6 などのように機能しない IE9 のようには機能しません。また、他のはるかに最新のブラウザーのように機能するものはありません。IE10でのあなたの例は、最新のブラウザでもどのように機能するかであるため、IE9は誤動作しています。間違ったものを使用していない限り、doctype を変更しても決して解決策にはなりません。あなたのソリューションは間違ったものを使用し、あなたを癖モードにします。

于 2012-12-21T14:03:06.857 に答える