css - 修复了 JavaScript 警告 - 使用 CSS 位置固定到页面顶部

Question

我正在研究 noscript代码块，我用它来做一些包括 <p> 的东西在页面顶部提醒用户他/她禁用了 JavaScript。

最终结果应该看起来像禁用 JavaScript 时的 Stack Exchange 网站(这是我的屏幕截图 - SE 看起来很相似，只是它位于页面的最顶部):

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

我尝试使用 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这里...:)