如何在WordPress网站上定义元素的粘滞位置

Posted 2021-03-27

在我的WordPress网站上，我想为三个元素定义一个粘性位置。我尝试了两种方法，但没有奏效。首先 - 我使用了插件'Sticky Menu（或Anything！）'，但我不能粘贴多个元素。第二 - 我在附加CSS部分添加了CSS代码，但它没有用。我的CSS代码在这里：

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

答案

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

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

您也可以考虑阅读有关CSS Specificity的更多信息