ASP.NET(标记前端)CSS ISSUE

时间:2013-01-24 14:25:42

标签: html .net css

我从一个无法完成它的人手中接过了这个项目。这是用户在进入网站之前点击的年龄验证着陆页。它具有CSS文件和脚本文件的常规链接(按照惯例)。但他们把这行代码放在“工作”中,但导致顶部附近页面上的间距出现问题。有一个大约10px的间隙,如果你突出显示第一行就会出现。

@-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?

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

1 个答案:

答案 0 :(得分:1)

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

其余部分是否有原因?

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