JQuery を使用してオーバーレイを作成しました。すべてのブラウザーで問題なく動作しますが、IE は、css で制御できない余分な特大の境界線をレンダリングしています。IE 開発者ツールバーを使用してさらに調査すると、タグにインライン スタイルを持つイメージ タグが生成されているようです。
私の質問は次のとおりです: 1. この画像タグは jQuery によって生成されますが、他のすべてのブラウザーはそれを処理する方法を知っていますか? 2. jQuery が責任を負う場合、IE でこの画像のレンダリングをどのように制御できますか?
これがオーバーレイdivです。非常に簡単です:
<div class="modal" id="addCategoryPrompt">
<p>Add Category</p>
</div>
オーバーレイを呼び出すリンクは次のとおりです。
<a href="#" class="modalInput" rel="#addCategoryPrompt">Add Category</a>
Jクエリは次のとおりです。
$(".modalInput").overlay({
mask: '#000',
effect: 'apple',
closeOnEsc : true,
api:true,
closeOnClick: false
});