2017-03-25 4 views
0

何らかの理由で、ヘッドライン要素に適用しようとしているボックスシャドウがFirefoxで正しく表示されない理由がわかりません。 http://dev.longbeachrecords.de/bands/nh3-2/擬似要素にdiv、z-index、box-shadowをスタックした

影が見出し要素の右側に、左のコンテンツ部分に細かい動作しますが、不思議なことではない。ここで

は生活の例です。

誰かが私を正しい方向に向けることを願っています。 ありがとうございます。

+0

詳細については、 –

+0

私は3つのdivがお互いの上に積み重ねられ、ボックスシャドーがその:before疑似要素に適用されて、より深く、積み重ねられたlook.Now何らかの理由で見出しに適用された影が正確にレンダリングされません。私はいくつかのz-インデックスを使用しているので、この全部のものが機能しないのでしょうか? @LIJINSAMUEL – Mace

+0

NH3の見出しは? –

答えて

0

まずはyou have some critical errors。ブラウザは最近、これらの問題を修正しようとしていますが、結果は必ずしもCSSのエラーを見つけるのを困難にするものではありませんので、適切なコード検証に注意してください。

あなたの問題については、ここでの解決策だ...

はこの追加:この要素はdiv.pageヘッダ・画像・シングルのzを持っている上にあるべきな

.entry-header { 
    position: relative; 
    z-index: 21; 
} 

は、 -index:20h1.entryタイトルのコメントを解除することを忘れないでくださいh1.entryタイトル、h1.pageタイトル

から51プロパティ:前に、h1.pageタイトル はその後Zインデックスを削除します。あなたのstyle.cssにの前に:124

+0

非常に遅い返事、シャラクに申し訳ありません。私はすぐにあなたの解決策をチェックするつもりです。乾杯! – Mace