VML 要素を動的に作成しています。以下のコードを参照してください。
<html>
<head>
<!-- VML requires VML namespace and behavior. -->
<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script type="text/javascript">
//Flag to stop rectangle from spinning.
var spin;
$(document).ready(function () {
document.namespaces.add('v', 'urn:schemas-microsoft-com:vml', "#default#VML");
// Create element in memory.
var r = document.createElement("v:rect");
// Define width, height, color, and unique ID.
$(r).css("width", "100");
$(r).css("height", "100");
$(r).attr("fillcolor", "blue");
$(r).attr("strokecolor", "red");
$(r).attr("strokeweight", "5");
$(r).css('left', '100');
$(r).css('top', '100');
$(r).css('position', 'absolute');
$(r).css('opacity', '0.2');
r.id = "myRect";
// Attach rectangle to the document at the the specified Div.
anchorDiv.appendChild(r);
});
</script>
</head>
<body>
<div id="anchorDiv"></div>
</body>
</html>
ブラウザ モード -> IE 7 およびドキュメント モード -> IE 5で出力を表示します 。以下の画像を参照してください。
しかし、ドキュメントモードを変更した後-> IE 7は何も表示されません(つまり、空白の画面)。次に 、IE ブラウザーの開発者ツールで編集ボタンを 2 回クリックしました。下の画像を参照してください
長方形を表示します。私はこれの理由は何ですか？IE 5ドキュメントモード自体で長方形が表示されない場合でも、同じ手順に従います（IEブラウザーの開発者ツールで編集ボタンを2回クリックします）、長方形が表示されます。これで何がうまくいかないのか説明できますか？
ありがとう、
シヴァ