ASP.NET（标记前端）CSS ISSUE

我从一个无法完成它的人手中接过了这个项目。这是用户在进入网站之前点击的年龄验证目标网页。它具有到CSS文件和脚本文件的正常链接（按照惯例）。但是他们把这一行代码放在了“有效”的位置，但是导致页面顶部附近的空白问题。大约有10px的差距，如果您突出显示，则第一行显示。ASP.NET（标记前端）CSS ISSUE

@-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正常显示？

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

来源

2013-01-24 Mark Bogner

我想'_CSS/Firefox.css'的内容可能是相关的？你可以创建一个独立的[JSFiddle]（http://jsfiddle.net/）来演示这个问题吗？ – mellamokb

我可以试试...让我看看。 –

不行...有其他想法吗？ –

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

是否有其余的原因？

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

来源

2013-01-24 16:27:19 N1tr0

这是'@ -moz-document'和'url-prefix（）'部分的一些背景：http://stackoverflow.com/questions/3123063/what-does-moz-document-url-prefix-do; https://developer.mozilla.org/en-US/docs/CSS/@document。 – N1tr0

这是另一个参考：http：//www.webdeveloper.com/forum/showthread.php？256857-moz-document-url-prefix（）。不幸的是，我还没有找到为什么该代码是可选的或如何解决它/解决它。 – N1tr0

N1tr0 FTW！这工作！谢谢！我不知道为什么另一个人把它放在那里......通常，我通常对CSS的一切都很满意，但我以前在页面的头部看过类似的东西。所以，谢谢你N1tr0，你赢在stylin'terh internetz –

ASP.NET（标记前端）CSS ISSUE

回答

相关问题