粘滞位置在wordpress（Bridge主题）中不起作用，但在Codepen中起作用

Question

我为容器和粘性项目提供了以下CSS：

.sticky-container {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.sticky-item {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

我尝试过增加容器的高度，并增加两个项目的overflow:visible。一切在codepen中都能正常运行，但在我的WordPress网站上却无法正常运行。知道为什么吗？

值得一提的是，在wordpress css编辑器中收到一条消息，内容为“预期（静态|相对|绝对|固定），但发现发粘”

Answer 1

正如拉扎尔（Lazar）在评论中所说，可能有很多事情。您是否尝试过在粘性项目上设置z-index？可能是因为它正在附着，但您看不到它，因为它被z-index较高的东西隐藏了。

编辑：

确定您的主题包含主题的style.css吗？

例如：

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/style.css">