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

回答

相關問題