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

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

ホームページ

ウェブフロントエンド

htmlチュートリアル

ie6 問題_html/css_WEB-ITnose

Jun 21, 2016 am 09:33 AM

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 コード

<!DOCTYPE html PUBLIC "-/...
+11

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

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

1	`$(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 コード

<!DOCTYPE html PUBLIC "-/...

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

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

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

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

HTML コード

<!DOCTYPE html PUBLIC…
++

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。