Question

错误页面＆gt; www.marijevijselaar.nl/txp/oops

只有菜单中的链接不再有效。页脚中的链接没问题。我正在使用最新的Chrome（Mac）。

CSS（仅适用于＃error404）＆gt;

html, body {  
    height: 100%;
}
#error404 #container {
    position: relative;
    height: 100%;
    padding: 0;
}
#error404 #header {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    background: transparent;
}
#error404 #footer {
    position: fixed;
    bottom: 0;
    height: 180px;
    margin-bottom: 10px;
}
#error404 #left {
    float: left;
    position: absolute;
    top: 190px;
    bottom: 180px;
    background: transparent;
}
#error404 #main {
    position: absolute;
    left: 180px;
    right: 0px;
    background: transparent;
    top: 190px;
    bottom: 180px;
}
#error404 #right {
    float: right;
    position: absolute;
    top: 190px;
    bottom: 180px;
    background: transparent;
}

它与html, body {height: 100%;}有关...因为当你跳过它时页面又是交互式的......但是我在#container（ccc elswhere in .ccs）中丢失了背景（不透明度）文件）。

Answer 1

GET http://www.marijevijselaar.nl/txp/jquery.fancybox/jquery.easing.1.3.js 404 (Not Found)

好像你的链接断了。使用Chrome中的开发者工具会立即向您展示。

Answer 2

您的空右<div>位于左侧<div>的顶部，其中包含链接。

在该页面中，只需使用CSS或内联样式隐藏<div id="right">，您的链接即可再次使用。

另一种选择是将左侧div的z-index设置为大于右侧div。

Answer 3

你有一个与链接重叠的元素，我在看开启用dev工具时注意到了它。当底部免责声明/版权盒与链接重叠，并且底部有一个小空间时，它们可以正常工作。

尝试删除<div id="right"> </div>

变化 #error404 #right { float: right; position: absolute; top: 190px; bottom: 180px; background: transparent; }

要 #error404 #right { display: none; }

你会看到发生了什么

菜单（链接）在错误页面上不起作用...？

3 个答案: