时间戳

首页 > 解决方案 > 如何在 WordPress 网站上定义元素的粘性位置

css - 如何在 WordPress 网站上定义元素的粘性位置

问题描述

在我的 WordPress 网站中，我想为三个元素定义一个粘性位置。我尝试了两种方法，但没有奏效。首先 - 我使用了一个插件“粘滞菜单（或任何东西！）”，但我不能粘多于一个元素。第二 - 我在 Additional CSS 部分添加了 CSS 代码，但它没有用。我的 CSS 代码在这里：

position: sticky;
top: 120px;
z-index: 1000;

标签： csswordpress

解决方案

在 WordPress 中，主题元素是嵌套的，因此父元素可能会覆盖您的样式，您需要更详细地说明用例，还可能需要考虑使用 !important 覆盖任何继承给子元素的 CSS 规则。

position: sticky !important;
top: 120px !important;
z-index: 1000 !important;

你也可以考虑阅读更多关于CSS Specificity的内容

推荐阅读