CSSのオーバーフロー/ Zインデックス問題 - SAFARIに表示されていない

Question

私の脳は少しオーバーロードされているようです。私はSafariで「マーカー」が正しく表示されない理由を理解できません。代わりにChromeで、正常に動作しています。

プロパティがどこにも設定されていないため、オーバーフローの問題と考えています。 私は既にSafari Devツールを使ってオーバーフロー：可視と適切なZ-インデックスを設定しようとしましたが、これまでのところ運がありません。私は皆さんが私を育てることを願っています。

問題は次のWebサイトにありますhttp://apop.burningpips.com/ 「コミュニティ」セクション（CSSクラス - インスペクタを開いてください）までスクロールすると、すべてのアイテムにアイテムの上に「マーカー」があることがわかります投稿）。最初のアイテムのマーカーは、Safariで切り取られたようなものです。

基本的に、我々は持っている：

<section class="attractions">[...]</section> 
<section class="community"> 
    <div class="prompt top">[...]</div> 
    <div class="prompt bottom">[...]</div> 
    <div class="container">[...]</div> <!-- This should overlap all --> 
    <div class="cta-container wood wood2">[...]</div> 
</section> 

"コンテナ" divが正しくないマーカーでコードが含まれています。私は自分自身にこれがなぜ機能していないのか説明することはできません。違いを確認するには、SafariとChromeをご覧ください。

私はすべての必要な情報を渡したと思います。そうでない場合は、私はさらに何かできることを教えてください。

ありがとうございます。

Answer 1

オーバーフローを設定するすべてのバリエーションを試した後：目に見えるとzインデックスが、私は問題が見つかりました：それはクラス「ポスト・コンテナ」とdivのためのCSSプロパティとなっている

を

- >列カウント：2;

- > -webkit-column-count：2;

最初のブログ投稿アイテムに余白部分を追加し、最後の項目に余白部分を追加しました。

これは助けになりました。

ありがとうございました。