2

我是从一个无法完成的人手中接过这个项目的。这是用户在进入网站之前点击的年龄验证登录页面。它具有指向 CSS 文件和脚本文件的正常链接（与往常一样）。但是他们将这行代码放在“作品”中，但会导致页面顶部附近的间距出现问题。大约有 10 像素的间隙，如果您突出显示第一行，它就会出现在该位置。

@-moz-document url-prefix()
{
    <link href="_CSS/Firefox.css" rel="stylesheet" type="text/css" />
}

如果我去掉这段代码，页面在 Firefox 中看起来很糟糕。我试过这个（用javascript确定浏览器类型并分配样式表）：

<script type="text/javascript">
    var browser = navigator.userAgent;
    if (browser == "Firefox") {
        document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"_CSS/Firefox.css\">");
    } else if (browser == "Microsoft Internet Explorer") {
        document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"_CSS/IE.css\">");
    } else {
        document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"_CSS/AgeVerify.css\">");
    }
</script>

但这似乎不起作用。我的问题如下：第一段代码是什么？
为什么它会在页面顶部留下一个空白区域（并在您突出显示该空间时显示）？
最后，我该怎么做才能摆脱它并仍然使Firefox正常显示？

编辑：添加两个屏幕截图：

4

1 回答 1

1

只需使用这部分：<link href="_CSS/Firefox.css" rel="stylesheet" type="text/css" />. 这仍将使用所需的样式表。

剩下的有原因吗？

如果它必须保留，我想如果用户使用的是 Firefox，你可以通过 CSS 将整个页面向上移动/定位 x 像素。不是最漂亮的解决方案，但可能有效。

于 2013-01-24T16:27:19.753 回答