我从一个无法完成它的人手中接过了这个项目。这是用户在进入网站之前点击的年龄验证着陆页。它具有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?
编辑:添加两个屏幕截图:
答案 0 :(得分:1)
只需使用此部分:<link href="_CSS/Firefox.css" rel="stylesheet" type="text/css" />
。这仍将使用所需的样式表。
其余部分是否有原因?
如果必须留下,我想如果用户使用的是Firefox,你可以通过CSS将整个页面移动/定位x像素。不是最漂亮的解决方案,但可能有效。