firefox - firebug ではコードが異なる方法で強調表示されます

Question

誰かが私を正しい方向に向けたり、何が悪いのか教えてくれたら.

しばらくグーグルで検索しましたが、「firebug ハイライト オプション」などは見つかりませんでした。問題は次のとおりです。次の図のように、この青と黄色の色で何かをホバーすると、firebug が強調表示されるようにしたいと思います。（写真はネットから拾いました）

それが仕事の様子ですが、今は家にいて、ここでは境界線だけが強調表示されています. 次の写真を参照してください。

FireFox 23.0.1 です

手伝ってくれてありがとう。

Answer 1

「Shade Box Model」HTML パネル オプションがチェックされていることを確認します。

Answer 2

黄色はマージン用です。マージンがない場合、黄色のビットは取得されません。

青いビットの違いについては、「検査」ボタンを使用してページ上でマウスを動かすと、2 番目のスクリーンショットから境界線効果が得られます。firebug の DOM ツリーを使用して要素を選択すると、完全にシェーディングされた青色の効果が得られます。

それがちょっとした仕組みです。