HTML&CSS&JS互換ツリー(IE、Firefox、chrome)_HTML/Xhtml_Webページ制作

WEBデザインにおけるツリーとは？簡単に言うと、リンクをクリックすると下位のディレクトリが展開され、それを結合するという最もシンプルなツリーです。実装方法も非常に簡単です。コンテンツが表示されるかどうかを確認するには、次のコードを参照してください:

Top -レベルディレクトリ


メニュー 12. オブジェクトの後に、その CSS プロパティ
menulist .style.display="block"
判定を追加します
if (menulist.style .display="none")
menulist.style.display="block";
else
menulist .style.display="none"; このようにして、元のツリーが生成されます。そして最終コード


click="showmenu();">最上位ディレクトリ


Menu 1



Chrome で表示すると、ひどいことが起こりました。いくつかの情報を取得した後、最終的に理由がわかりました。ブロックとなし以外にも、他にもたくさんあります。ブロックはブロックの形で表示され、私のものはテーブルに配置されています。テーブルとブロックに深い憎しみがあるかどうかは神のみぞ知るですが、Chrome は依然としてこの基準を誠実に遵守しています。 Firefox についても同様で、説明にはまだ問題があります。この問題を解決する方法は次のとおりです。Display にはテーブルの形式でコンテンツをレンダリングする属性 table-cell もあります。これはまさに です。レイアウトにテーブルを使用した例を以下に示します。


IE6

chrome2

Firefox3.5