位置粘滞在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

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

编辑：

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

例如：

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