htmlのレイヤーでZ-インデックスを調整する

Question

私はhttp://nces.ed.govにサイトを調整しています。ヘッダーの上に表示されるhtmlレイヤーを追加しようとしています。私はヘッダーとフッターのコントロールはなく、ページ内のコンテンツのみです。しかし、どういうわけか、Zインデックスを調整しても、ヘッダーとメニューが自分のレイヤーに表示されます。

私は火薬瓶を使って物を調整しましたが、まだ動作させることはできません。何か案は？ヘッダーは上部に表示され、zIndex 9999を持ち、私のレイヤーにzIndex：10000があるので、9999はまだ勝つのですか？

私は途中でFirefox 7を使用しています。

ありがとうございます！

Answer 1

要素のpositionプロパティがabsolute（）に設定されていることを確認してください。正しく問題が理解された場合は）。私は何も上記のdivを挿入することができ放火犯を使用して

..

それはあなたのlayerが、他の位置のエレメントに挿入されている場合であれば、それはすることを確認し、それを切断可能性があることをごlayerを再度探しbodyの直下にあります。トップ上のページの上部にある層を挿入します

$$i('<div>', { 
    text: 'i am the layer', 
    css: { 
     width:'100%', 
     color: 'red', 
     backgroundColor: 'yellow', 
     zIndex: 9999, 
     line-height:'40px', 
     position: 'absolute', 
     top: 0, 
     left:0 
     } 
}).appendTo('body'); 

を使用して、例えば

---

（JavaScriptを使用することができます/jQueryのは、ページの実際の内容を変更することができない場合）