我已经上传了我的网站，所以你可以看到它是如何工作的，也可以检查那里的CSS。它没有完全正常工作，但问题是显而易见的。 http://exampleforso.uw.hu/testvertaboraink.html
我的问题是我无法点击页面上的链接。任何人都可以帮我纠正我的代码吗？
我还是CSS的新手，所以我的代码可能很乱或不完美。抱歉匈牙利语。
答案 0 :(得分：4)
#menuwrapper {
position: absolute;
top: 212px;
right: 0;
bottom: auto; /* or just remove */
left: 0;
z-index: 1;
}
您设置了一个顶部值和一个底部值0，没有高度。浏览器将填满该空间。这意味着菜单包装器将位于其余内容的顶部，因此当您认为单击链接时，您实际上是在单击菜单包装器。
你应该摆脱所有这些绝对位置，或者至少得到一些更好的z-indexing，以便＆＃34; 3D＆＃34;表示是正确的。
答案 1 :(得分：0)
给你的menuwrapper一个固定的高度。像这样：
#menuwrapper {
height: 45px;
}
或删除＆＃34; z-index＆＃34;你已经给了menuwrapper。
目前，您的menuwrapper的高度为430px，并且与z-index一起使链接无法点击。
更新：删除＆＃34;底部＆＃34;价值是正确的解决方案。
答案 2 :(得分：0)
问题是你的标题高度为700px并且位置绝对，这意味着它不仅与你的链接重叠，而且与整个页面重叠，所以要么删除高度，要么删除绝对位置。
答案 3 :(得分：0)
在styletest.css文件中。
从#menuwrapper移除属性z-index:1;
它会完美运作。
这里发生了什么，包含该链接的div与id=menuwrapper的div重叠。这两个div都将z-index属性设置为1。
从#menuwrapper中删除它应该可以解决问题。
你不应该真的玩高度值，因为如果你在巨大的屏幕上打开那个网站，可能会扭曲你的方向和对齐。
答案 4 :(得分：0)
从bottom:0 CSS块中删除#menuwrapper规则。这将允许菜单包装器采用其内容所指示的正确高度。
这样，您就不需要声明特定的高度（可能会改变字体大小等等）或更改您的z-index，这样您的菜单就会可以正确显示在页面内容之上