Html 在具有固定元素的站点顶部添加栏
我有一个网站，我想添加一个顶部栏，如下面的例子：但是我不想使用iframe，我不能修改网站的当前css。我需要能够创建一个新的div，它拥有自己的类，这些类会粘在站点的顶部，但是我的站点有一个Html 在具有固定元素的站点顶部添加栏,html,css,Html,Css,我有一个网站，我想添加一个顶部栏，如下面的例子：但是我不想使用iframe，我不能修改网站的当前css。我需要能够创建一个新的div，它拥有自己的类，这些类会粘在站点的顶部，但是我的站点有一个位置：fixed；排名：0导航栏，也放在站点顶部，然后它们重叠 我怎样才能在没有任何其他元素覆盖的情况下，将新的顶部栏放置在整个站点的顶部 *我仍然看不出投反对票的原因，这是一个完全合法的问题。如果您没有访问CSS的权限，那么您可以使用内联CSS并使用“推送”方法，它会将内容向下推到页面上，因此不会重叠。请
位置：fixed；排名：0导航栏，也放在站点顶部，然后它们重叠
我怎样才能在没有任何其他元素覆盖的情况下，将新的顶部栏放置在整个站点的顶部
*我仍然看不出投反对票的原因，这是一个完全合法的问题。如果您没有访问CSS的权限，那么您可以使用内联CSS并使用“推送”方法，它会将内容向下推到页面上，因此不会重叠。请点击此处：
如果您不喜欢内联CSS，那么您可以简单地在HTML5的主体之后添加一个
，如下所示：
<body>
<style>
.menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 40px;
}
.container {
margin-top: 40px;
}
</style>
<div class="menu">
Hello, I am Menu, nice to meet you.
</div>
<div class="container">
Existing Content
</div>
</body>
.菜单{
位置：固定；
排名：0；
左：0；
宽度：100%；
高度：40px；
}
.集装箱{
边缘顶端：40px；
}
你好，我是菜单，很高兴认识你。
现有内容
如果您也无法访问HTML，那么可以使用Apache来访问。因此，如果您无法更改页面的css，那么向其添加类有什么好处？无论如何，您可以添加一个宽度为100%的新div，也可以定位为fixed和top 0，但是z索引要高于导航栏来覆盖它。这就是你的意思吗？我正在添加一个WordPress插件，它将把这个顶部栏插入任何网站，所以原始网站不能被修改，这就是我的意思。z-索引仍然会使它们与我的顶部栏重叠在任何潜在位置：固定；排名：0；网站上的元素。我希望我的顶部栏位于站点顶部，然后整个站点位于顶部栏下方，基本上模拟没有iframe的示例将与我的顶部栏重叠，如图所示：然后不要在菜单上使用top:0
，请使用上方栏的高度。。。i、 或者使用.yourmenu{top:40px；}
另一个JSFIDLE这次使用样式覆盖谢谢，这很有帮助，不幸的是，正如我说的，我不能修改原始站点，我只能设置顶部栏元素的样式；排名：0$（“.yourmenu”）.attr（“style”，“top:0；”），我发现很难相信你不能这样做，而是你不想这样做，这在你的问题中没有说明。
<div style="position: fixed; top: 0; left: 0; width: 100%; height: 40px;>
Hello, I am Menu, nice to meet you.
</div>
<div class="container" style="margin-top: 40px;">
This is where your existing content lives.
</div>
<body>
<style>
.menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 40px;
}
.container {
margin-top: 40px;
}
</style>
<div class="menu">
Hello, I am Menu, nice to meet you.
</div>
<div class="container">
Existing Content
</div>
</body>