我经营一个小网站(www.binnenstadduurzaam.nl) 使用Elementor Pro和OceanWP,并进行平行测试现场测试。binnenstadduurzaam。nl,它与www站点相同,但我测试新功能或特性时除外。
我的网站有一个固定的标题,所以当我跳转到菜单锚时,我需要一个垂直偏移。在测试站点上,我通过添加offst
作为所有锚点的类,以及以下CSS:
.offst {
margin-top: -150px;
padding-bottom: 150px;
display: block;
}
它在测试站点上运行良好,所以我在www站点上实现了它
didn\'t work -- 完全没有偏移。我有一个变通方法,使用以下HTML而不是锚定标题对:
<h2>
Bestelformulier
<span style="
margin-top: -150px;
padding-bottom: 150px;
display: block;"
id="formulier"> </span>
</h2>
这很好,但当然是一个黑客(和维护噩梦)。为了确定,我将整个测试站点导出到www站点(当然是在备份之后),但偏移量仍然不存在。我还尝试添加
!important
但是这没有什么区别。
我能想到的唯一区别是,在www网站上,我先安装了各种主题和插件,然后又卸载了它们(在我想到创建一个测试域之前)。可能其中一个留下了破坏我的CSS的痕迹,但我如何找到(并修复)正在发生的事情呢?
[该网站为荷兰语,但您可以使用链接“Doe Mee”(主页第4段)或网站地图中的链接(在页脚中访问)进行测试]
编辑11月15日:我不清楚这些网站是如何建立的;很抱歉这个test
域具有class=offsanch
对于所有锚;这个www
域具有class=offst
对于所有锚except 对于锚id=formulier
在第页doemee
, 它具有上面提到的内联样式解决方法。我更改了类名,因为这可能会让未来的站长感到困惑:“我不知道你是谁。”;什么是sanch,为什么要关闭它"E;