html - ASP.NET(标记前端)CSS 问题

Question

这个元素是从一个无法完成的人那里交给我的。这是用户在进入网站之前点击的年龄验证登录页面。它具有指向 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 正常显示？

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

Answer 1

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

还有其他原因吗？

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