CSS 溢出/z 索引问题 - 标记未显示在 SAFARI 中

Question

看来我的大脑有点超负荷了。我不知道为什么"标记"在 Safari 中没有正确显示 - 相反，在 chrome 中，它工作正常。

我相信这是一个溢出问题，因为该属性不是到处设置的。 我已经尝试通过 Safari 开发工具设置溢出：可见和适当的 z 索引，但到目前为止没有运气。希望你们能启发我。

问题出在以下网站上 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-列数： 2;

我为第一个博客文章项目添加了边距顶部，为最后一个项目添加了边距底部。

这很有帮助。

感谢大家对此进行调查。