1

我正在编写一段noscript代码，其中我做了一些事情，其中​​包括<p>在页面顶部提醒用户他/她禁用了 JavaScript。

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

在此处输入图像描述

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

我尝试使用该position: fixed;方法，但它最终移动了p元素，我无法让它看起来与没有position: fixed;修改的情况完全相同。我尝试摆弄 CSStop和left其他定位，但它看起来不像我想要的那样。

这是一个 CSS 片段：

<noscript>

<style type="text/css">

p.noscript_warning {
    position: fixed;
}

</style>

</noscript>
4

3 回答 3

2

后面不应该有空格.。

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

在这里查看小提琴... :)

于 2012-06-25T18:26:15.670 回答
1

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
于 2012-06-25T17:41:45.600 回答
0 
p. noscript_warning {
  position: fixed;
  margin:0;
  top:0; /* Not necessarily */
}
于 2012-06-25T17:39:18.203 回答