html - IE 忽略 anchor 滚动填充......有时

Question

我有一个单页网站，其中有一些元素(公司 Logo )具有不同的 id，我将它们用作导航的 anchor 。我已经使用 CSS 为这些元素添加填充，这样当我使用菜单滚动到它们时，我不会看到它们附加到我的窗口顶部(不是粘性的，但窗口和元素之间没有边距)。

#ontwerp, #project, #advies, #portfolio, #contact { /* 120px together, padding for anchor offset to screen, margin for filler */
margin-top: 90px;
padding-top: 30px;
}

当我在 Safari、Firefox 和 Chrome 中查看网站时，一切正常。在 IE 中查看时，前 2 个(#ontwerp 和#project)一切顺利，但如果我使用我的菜单转到其他菜单，我会让 IE 将它们附加到我的屏幕顶部。

我尝试添加 @media\0 并将填充和边距设置为 !important 但无济于事。

实时站点:http://www.vinck-interieur.be

Answer 1

所以，这是我自己的问题的解决方案。

问题最终是标有 ID 的元素中的某些元素的位置设置为相对位置，而另一些位置设置为绝对位置。我把它们都设置成相对的，问题就解决了

#ontwerp div, #project div, #advies div, #portfolio div, #contact div { 
    position: relative;
}