ie6 問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

ie6 問題_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:33:24

オリジナル

832 人が閲覧しました

http://topic.csdn.net/u/20120411/15/ae880ebf-f4cc-4152-9724-37fdfe14219c.html?64791

なぜこれが間違っているのか誰が説明できますか? ?

ディスカッションへの返信 (解決策)

背景を追加すると、レイアウトがトリガーされます

#b の位置を削除すると、背景の Mouseleave を追加しなくても問題はありません
IE6 は奇妙に解析します。 DOM とは異なり、#b の下にある #a の幅と高さを引き続き認識します。

ie6 は、次のように、ボックスを満たすコンテンツのみを認識します:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://code.jquery.com/jquery-latest.js"></script><style type="text/css">    *{margin:0;padding:0;}</style><script type="text/javascript">    $(document).ready(function(e) {       $("#a").mouseover(function(e) {            $("#b").slideDown();        });         $("#a").mouseleave(function(e) {                        $("#b").slideUp();        });    });</script></head><body><div id="a" style="position:relative;width:100px;height:30px;border:1px solid #cccccc;">    <div id="b" style="position:absolute;top:30px;left:0px;width:300px;height:400px;border:1px solid #cccccc;display:none;">	1111111111111111111111	</div></div></body></html>

ログイン後にコピー

ボックスは、マウスが 11111 コンテンツの外に移動するまで格納されません。なので、ここに背景を追加して、ボックス全体を塗りつぶします。

背景を追加する目的は、レイアウトをトリガーすることです

#b の位置を削除すると、背景の Mouseleave を追加しなくても問題ありません
IE6 は、DOM とは異なり、奇妙に解析しますが、それでも #a を認識します。 #b. 幅と高さ

ie6 は、次のようにボックスを埋めるコンテンツのみを認識します:
HTML コード

+11

通過、学習、異なるブラウザは解析します

元の投稿者によって推奨されています JQを使用してください、効果は良いですが、ブラウザはそれを認識できません

    $(document).ready(function(e) {       $("#a").mouseover(function(e) {            $("#b").slideDown();        });         $("#a").mouseleave(function(e) {              var to = e.relatedTarget || e.toElement;//获得鼠标移出后进入的元素            alert(to.tagName)			            $("#b").slideUp();        });    });

ログイン後にコピー

背景を削除し、背景を削除せずにそれぞれ強調します
理解できるでしょう

で実行してくださいそして、背景を削除せずに
理解できるでしょう

背景を追加することは、レイアウトをトリガーすることです
#b の位置を削除すると、背景を追加しなくても問題ありません
IE6 は、DOM とは異なり、奇妙に解析します。 #a の下の #b の幅と高さは依然として認識されます

ie6 は、次のように、ボックスを埋めるコンテンツのみを認識します:
HTML コード

私はついに人々を殺しているie6を理解してください

背景を追加することはレイアウトをトリガーすることです

問題はposition:absolute;にありますが、DOMとは異なり、#bの位置を削除しても大丈夫です。 #a の下の #b の幅と高さを認識します

ie6 はそれのみを認識します次のように、コンテンツがボックスに表示されます:

HTML コード

++