カスタマー サイトの IE8 CO でこの HTML に問題がありますが、XP IE8 VM では問題がありません。しかし、IETester で問題を再現し、タグvertical-align: middle
を含む要素にスタイルが適用されていることを突き止めました。<sup />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<div>
<span style="vertical-align: middle;"><sup>test</sup></span>
</div>
</body>
</html>
上記の HTML の例は、IETester と顧客のサイトで壊れる、私が作成できる最小の例です。ただし、IE8 を搭載した私の XP VM では問題なく動作するため、あなたにとっても問題なく動作する可能性があります。メイン サイトのメタ タグが必要なX-UA-Compatible
IE=edge
ので、ここに含めます。
中断の症状は、IE が空白の白いページをレンダリングし、無限の操作に巻き込まれているように見えることです。十分に長く放置すると、IETester がクラッシュします (ただし、顧客のサイトで同じことが起こることを顧客に確認していません)。実際の IE)。
これを<sup />
タグまで追跡し、CSS をその親要素に適用するのに長い時間がかかりました (これはたまたま<label />
実際の Web サイトのタグでしたが、タグでも同じように動作するようです<span />
)。
この HTML / CSS に何か問題があるのでしょうか、それとも単に IE8 がおかしいのでしょうか?
私のテストでは、IE6、IE7、IE9、Chrome、FireFox、Opera、および Safari を試しましたが、顧客サイトで実行されている特定のバージョンの IE と同じ動作を示すものはありませんでした。