Question

我正在处理一个noscript代码块，我在页面顶部做了一些包含<p>的内容，提醒用户他/她已禁用JavaScript。

当禁用JavaScript时，最终结果应该类似于Stack Exchange站点（这里是我的截图 - SE看起来很相似，除非它位于页面顶部）：

enter image description here

我让它工作正常，但如果红色条在滚动时保持固定，我会很喜欢它。

我尝试使用position: fixed;方法，但它最终会移动p元素，我无法让它看起来与没有position: fixed;修改时完全相同。我试着摆弄CSS top和left以及其他定位，但它看起来并不像我想要的那样。

这是一个CSS片段：

<noscript>

<style type="text/css">

p.noscript_warning {
    position: fixed;
}

</style>

</noscript>

Answer 1

.之后你不应该有空格。

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

查看Fiddle此处......：）

Answer 2

有时您需要做的就是在使用固定位置时更改文档标题。出于某种原因，窗户对此很挑剔。如果您的doctype严格，则需要将其更改为：

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

Answer 3

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