オーバーフロー：Google Chromeで非表示になっています

Question

「オーバーフロー：非表示」のCSSプロパティに問題があります。

Firefox、IE8、Safari 5では、コンテンツの上部にある広告バナー（広告主のリーダーボードやフラッシュなど）を含むdivにこのプロパティを適用すると、Chromeで重複が発生しますウィンドウは、衝突するほど小さくなるようにサイズが変更されます。

FirefoxとIE8では期待通りに動作し、すべてが完全にサイドバーの裏に隠れています。クロームでは、実際のコンテンツは隠されていますが、サイドバーと重複してブロックされている白い背景に置き換えられています。

私は問題がどのように見えるかを示すスクリーンショットにリンクしています。私はこれを解決するために何ができるのですか？

http://tinypic.com/r/259cs95/7

Answer 1

そうあなたのCSSやレイアウトでいくつかの問題があります。

サイドバーのZ-インデックスを広告のZ-インデックスより大きくすることで、この問題を回避できます。あなたはpositionの値をいくつか定義してください。

Answer 2

クロムの下のCSSに問題がありました。それは全く働いていなかった。

div.hidden { 
    margin:0px 0px 10px 0px; 
    overflow-y:hidden; 
} 

今、私は

div.hidden { 
    margin:0px 0px 10px 0px; 
    overflow-y:hidden; 
    position:relative; 
} 

それは私のために正常に動作し、上記のようにCSSを変更しました。