个人中心
gpt4 book ai didi

html - 保持背景和菜单栏固定在适当的位置

转载 作者：太空宇宙 更新时间：2023-11-04 15:35:20 24 4
gpt4 key购买 nike

我试图修复菜单栏和背景的位置。

所以我将这段代码添加到正文中以固定背景的位置:

<body style ="width: 100%; background-image: url(images/bkgd3_1260_black.jpg); background-attachment:fixed; background-size: cover; background-position:center;>
    <div id="menu-bar"> xxxxx
    </div>
    <---other content--->
</body>

然后我在 head 标签下放了一段代码来固定菜单栏的位置，即:

<head>
    <style type="text/css">
        #menu-bar {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 1000px;
            height: 25px;
            z-index: 100;
            background-color: #040404;
            font-family: Calibri;
            font-size: 16px;
            font-style: normal;
            text-transform: none;
            text-decoration:none;
            color: rgb(231,231,231);
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            word-spacing: normal;
            display: table-row;
            background-repeat: no-repeat;
            border-bottom-width: thin;
            border-bottom-style: solid;
            border-left-style: none;
            border-right-style: none;
            border-top-style: none;
            border-bottom-color: rgb(204,255,38);
        }
    </style>
<head>

但是，结果是:背景是固定的，但是菜单栏不是。当我向下滚动时，菜单栏就消失了。我实际上希望它保持在最顶端。

有什么建议吗？

最佳答案

您的体型声明中缺少结尾的 "。

关于html - 保持背景和菜单栏固定在适当的位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12870087/

24 4 0
文章推荐： c++ - glm::dot 返回一个 vector
文章推荐： javascript - 如何获取选定的文本 ID 并用 javascript 保持标签完整替换文本？
文章推荐： HTML5 Canvas : Colorize image
文章推荐： javascript - jsx 上的占位符错误