我正在使用以下 html 在固定菜单下定位 anchor :
<a style="position: relative; top: -150px;" name="services"></a>
这在 Firefox 中运行良好,但 ie,chrome 和 safari 都将 anchor 加载到略有不同的位置,从而遮盖了固定菜单“下方”的文本。
有没有人知道我该如何解决这个问题。
wip 站点是 http://mattangel.com.au
非常感谢,
马特
最佳答案
当我制作这样的网站时,我想确保每个“页面”都有相似的类,但 ID 不同。在设置类样式时,请确保提供以下属性。
.page {
overflow: hidden;
margin-bottom: 1000px;
}
添加 margin-bottom 将阻止您看到额外的页面。
我还注意到您正在使用 jQuery 来实现幻灯片效果,我不确定您为什么要使用 a 名称的样式。只需执行以下操作:
<h1 class="page_title" id="services"><a name="services">Services</a></h1>
并确保将所有内容包装在页面 DIV 中。
关于html - anchor 定位浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11856564/