固定JavaScript警告 - 固定JavaScript頁面頂部使用CSS位置

我正在處理一個noscript塊代碼，我做了一些東西，其中包括一個<p>在頁面的頂部提醒用戶他/她禁用了JavaScript 。固定JavaScript警告 - 固定JavaScript頁面頂部使用CSS位置

最終的結果應該像堆棧交易所網站時禁用JavaScript（這裏是我的一個屏幕截圖 - SE看起來類似，只是它是在頁面的最頂端）：

enter image description here

我確定它工作正常，但如果紅色欄在滾動時沿着頂部保持固定，我會很喜歡它。

我嘗試使用position: fixed;的方法，但它結束了移動p元素，我不能讓它看起來因爲它完全一樣的，而不position: fixed;修改。我試着擺弄CSS top和left和其他定位，但它看起來並不像我想要的那樣。

這裏是一個CSS snippett：

<noscript> 

<style type="text/css"> 

p.noscript_warning { 
    position: fixed; 
} 

</style> 

</noscript>

你可能要關閉的風格標籤。更好的做法是，在頭部添加一個noscript標籤並鏈接到一個外部CSS文件（我知道它只是很小，但最好這樣做）。但是，如果noscript標籤有效，我不是100％確定的。 – ClarkeyBoy

也嘗試將'top'，'left'和'right'屬性設置爲0以及'height'。這應該會達到您在除IE 6以外的任何其他應用程序中查找的效果。也可能值得在無腳本樣式表中固定主內容容器的位置和尺寸，以便它不會落後於固定段落。 – ClarkeyBoy

對不起，我其實只是把它複製成塊，忘記了結尾風格的標籤。它在我的代碼中; - ）感謝頂部，左側，右側的屬性。我玩了這些，並沒有得到我想要的結果，但也許我沒有做到正確。 – nicorellius

在.之後不應該有空格。

p.noscript_warning { 
    position: fixed; 
    top: 0; 
    width: 100%; /* For Browser Compatibility */ 
}

退房這裏Fiddle ... :)

2012-06-25 18:26:15

好的小提琴。我的工作現在進行得更好。唯一剩下的就是填充身體，我現在正在做。謝謝！ – nicorellius

嘿，快速跟進...我試圖保持它的一切，z-index似乎並沒有這樣做（也許是因爲所有的元素沒有設置正確的位置屬性）。有沒有其他方法可以將此功能區疊加在其他任何位置上？再次感謝！ – nicorellius

儘可能地給予'z-index'。如果它不起作用，對於IE 6/7，你需要將'position：relative'賦給'body'。 –

p. noscript_warning { 
    position: fixed; 
    margin:0; 
    top:0; /* Not necessarily */ 
}

2012-06-25 17:39:18 cuzzea

空間是在錯誤的地方！ – ClarkeyBoy

其實忘了我的上面的評論 - 應該不會有空間... – ClarkeyBoy

有時候你需要做的是使用固定位置時，更改文檔標題。由於某些原因，窗戶對此很挑剔。如果您的文檔類型嚴格，您需要將其更改爲：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

2012-06-25 17:41:45 Jeff

回答