Html 固定条在可滚动的背景：CSS
正如标题所说，我希望有一个固定的酒吧，偏离中心，有一个滚动的背景。到目前为止，我已经包含了我的代码，到目前为止，我可以将条放在表面上，但固定在背景上，也可以将条放在图像下，但固定在窗口上。我不知道如何把“contentBox”放在窗口的表面上。感谢您的帮助（并且为混乱的代码感到抱歉，这是我第一次尝试CSS）Html 固定条在可滚动的背景：CSS,html,css,css-position,Html,Css,Css Position,正如标题所说，我希望有一个固定的酒吧，偏离中心，有一个滚动的背景。到目前为止，我已经包含了我的代码，到目前为止，我可以将条放在表面上，但固定在背景上，也可以将条放在图像下，但固定在窗口上。我不知道如何把“contentBox”放在窗口的表面上。感谢您的帮助（并且为混乱的代码感到抱歉，这是我第一次尝试CSS） 身体{身高：100%} #背景{ 位置：绝对位置； 背景颜色：灰色； 排名：0； 左：0； 宽度：100%； 身高：100%； } #bg-img{ 位置：绝对位置； 排名：0； 底部：0
身体{身高：100%}
#背景{
位置：绝对位置；
背景颜色：灰色；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
#bg-img{
位置：绝对位置；
排名：0；
底部：0；
左边距：10%；
最小宽度：80%；
身高：100%；
}
#内容盒
{
位置：顶部；
左：0；
利润率最高：25%；
身高：30%；
最大宽度：90%；
背景色：#ffffff；
不透明度：0.6；
过滤器：α（不透明度=60）；
}
#contentBox：悬停
{
位置：顶部；
左：0；
利润率最高：25%；
身高：30%；
最大宽度：90%；
背景色：#ffffff；
不透明度：0.9；
过滤器：α（不透明度=90）；
}
#连云
{
浮动：左；
最小宽度：11%；
最小高度：100%；
背景颜色：蓝色；
不透明度：0.9；
过滤器：α（不透明度=90）；
}
#喂
{
浮动：对；
排名：0；
右：0；
最小高度：100%；
最小宽度：10%；
背景色：红色；
不透明度：0.9；
过滤器：α（不透明度=90）；
}
你好，世界
你好，世界
<style>
#contentBox {
position: fixed;
left: ; /* some distance from left side of screen */
top: ; /* some distance from top of screen */
}
...
</style>
...
<body>
<div id="contentBox">content</div>
<div id="bg"> rest of your content </div>
</body>
我已经找到了一个解决方案，不过这有点像黑客
首先在html代码中，我按照cmw的建议将bg（后台）类与contentBox类分开。由于修复内容框将框隐藏在视图之外，这是黑客入侵的地方：制作第二个div类“content”，这是contentBox的一个子集，因此我能够在屏幕上显示这个框，而bg类保持可滚动 谢谢你的帮助。但问题仍然存在，当位置固定时，你看不到条，但它是固定的，背景可以滚动（你可以看到条中的链接云，而不是条本身），但当在顶部时，你可以看到条，但位置不固定。
<style>
#contentBox {
position: fixed;
left: ; /* some distance from left side of screen */
top: ; /* some distance from top of screen */
}
...
</style>
...
<body>
<div id="contentBox">content</div>
<div id="bg"> rest of your content </div>
</body>
#contentBox:hover {
opacity: 0.9;
filter = alpha(opacity = 90);
}