修复了JavaScript警告-使用CSS位置将其固定在页面顶部_Css_Javascript_Noscript

修复了JavaScript警告-使用CSS位置将其固定在页面顶部

css javascript

修复了JavaScript警告-使用CSS位置将其固定在页面顶部,css,javascript,noscript,Css,Javascript,Noscript,我正在编写一个noscript代码块，在页面顶部添加一个，提醒用户他/她禁用了JavaScript 当JavaScript被禁用时，最终结果应该与Stack Exchange站点类似（这里是我的屏幕截图-SE看起来类似，只是它位于页面的最顶端）：我有它的工作正常，但我会喜欢它，如果红色的酒吧保持沿顶部固定，滚动我尝试使用位置：fixed方法，但它最终移动了p元素，我无法使它看起来与没有位置时完全相同：fixed修改。我试着摆弄CSStop和left以及其他位置，但它看起来并不是我想要的以

我正在编写一个

noscript

代码块，在页面顶部添加一个

，提醒用户他/她禁用了JavaScript

当JavaScript被禁用时，最终结果应该与Stack Exchange站点类似（这里是我的屏幕截图-SE看起来类似，只是它位于页面的最顶端）：

我有它的工作正常，但我会喜欢它，如果红色的酒吧保持沿顶部固定，滚动

我尝试使用

位置：fixed

方法，但它最终移动了

元素，我无法使它看起来与没有

位置时完全相同：fixed修改。我试着摆弄CSStop
和left
以及其他位置，但它看起来并不是我想要的
以下是一个CSS片段：
<noscript>

<style type="text/css">

p.noscript_warning {
    position: fixed;
}

</style>

</noscript>


p、 noscript_警告{
位置：固定；
}
有时，使用“位置固定”时，您只需更改文档标题。出于某种原因，windows对此很挑剔。如果您的doctype是严格的，则需要将其更改为：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在之后不应该有空格
p.noscript_warning {
    position: fixed;
    top: 0;
    width: 100%; /* For Browser Compatibility */
}

查看此处的链接…：）
 您可能需要关闭样式标记。更好的做法是，在头部放置一个noscript标记，并链接到一个外部CSS文件（我知道它很小，但这样做是最好的做法）。但是，我不能100%确定noscript标记是否有效。还可以尝试将顶部
、左侧
、和右侧
属性设置为0以及高度
。除了IE 6之外，这应该能达到你所期望的效果。在noscript样式表中固定主内容容器的位置和尺寸也可能是值得的，这样它就不会位于固定段落的后面。对不起，我实际上只是将其分块复制，而忘记了结尾样式标记。它在我的代码中；--）感谢您提供的顶部、左侧和右侧属性。我玩了一点这些，并没有得到我想要的结果，但可能我做得不正确。好小提琴。我的现在好用了。剩下的唯一一块是填充身体，我现在正在做。谢谢嘿，快速跟进。。。我试图将它放在其他一切之上，而z-index似乎没有做到这一点（可能是因为所有元素都没有设置正确的位置属性）。是否有其他方法将此功能区堆叠在其他功能区之上？再次感谢！将z-index
设为最大值。如果它不起作用，对于IE 6/7，你需要给出位置：相对到主体。谢谢-我最终找到了导致问题的div，给它一个z-index
的0
，然后将noscript\u警告的z-index
更改为10。这似乎奏效了；——）再次感谢！是的，这就是你应该对IE做的。忘了告诉你了！：）
p.noscript_warning {
    position: fixed;
    top: 0;
    width: 100%; /* For Browser Compatibility */
}