Question

似乎我的大脑有点超负荷。我无法弄清楚为什么在Safari中没有正确显示“标记” - 而在Chrome中，它正常工作。

我认为这是一个溢出问题，因为该地产并未设置到处。我已经尝试通过Safari Dev工具设置溢出：可见和正确的z-index，但到目前为止还没有运气。我希望你们能让我高兴。

问题出在以下网站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>

“container”div包含带有错误标记的代码。我无法向自己解释为什么这不起作用。请访问Safari和Chrome以查看差异。

我希望我提供了所有必要的信息。如果没有，请告诉我是否可以采取进一步措施。

提前感谢。

Answer 1

在尝试设置溢出的所有变体后：可见和z索引，我发现了问题：

它是div类的“post-container”

的css属性

- ＆GT;列数：2;

- ＆GT; -webkit-column-count：2;

我在第一篇博客文章项目中添加了margin-top，在最后一项中添加了margin-bottom。

这有帮助。

感谢大家对此进行调查。

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

1 个答案: