スライドアウトの JavaScript メニューを修復しようとしています。問題は、第 3 レベルのサブメニューが表示されるはずなのに表示されないことです。間違った配置と関係があり、要素がページの外側のどこかに表示されていると確信しています。
私の質問は次のとおりです。ブラウザ拡張機能、またはページの境界を越えた要素の輪郭を描く他の方法はありますか?
ありがとう！
EDIT：それは奇妙です..座標によると、それは正しい位置にあるようです.適切な寸法もあり、表示されていますが、私はそれを見ることができません..私は何かが欠けていますか?
はい、firebug (Firefox の場合) または Chrome 開発者コンソール (CTRL+SHIFT+C) (Chrome の場合) を使用し、html タブでメニューを見つけ、その要素の計算されたスタイルをチェックアウトして、その要素がどこにあるかを確認します。好きなスタイルを入力して、それがメニューにどのように影響するかを確認することもできます.
Firefox の場合、Firebugを使用して DOM を検査できます。HTML タブを使用して、不足している要素を見つけることができます。要素をクリックすると、Firebug はそれを強調表示し、その場所を示すオーバーレイ ガイドを表示します。また、右側の [レイアウト] タブに配置情報が表示され、[スタイル] タブを使用してスタイルを変更することで要素の位置を変更できます。
Chrome 開発者ツールには既にこれが組み込まれています。[設定] -> [ツール] -> [開発者ツール] (またはキーボード ショートカットを使用Ctrl-Shift-I) に移動して有効にします。Firebug と非常によく似ています。