Question

我的网站左上方有一个徽标图片，右下方有导航栏。我页面上的其他内容将在这些项目下滚动，但在我的图像右侧区域，我可以看到所有内容向上滚动...所以我的问题是，有没有办法让导航栏上方的区域不透明某种程度上来说？所以下面的所有内容都会在它下面滚动？

我的代码现在看起来像这样：

<body>
    <div class="container-fluid" style="padding-top: 146px;">    
        <div class="navbar navbar-fixed-top navbar-inverse">
            <div id="top">
                <div class="row-fluid">
                    <div class="span8">
                        <a id="logo" href="/"><img src="img/logo.jpg"/></a>
                    </div>
                    <div class="span4">
                        </br>Some text to the right of logo, above navbar</br>More text
                    </div>
                </div>
            </div>
            <div class="navbar-inner">
                <ul class="nav">

Answer 1

您似乎错过了一些代码，但尝试将background-color: #FFF;放在#top div上。

如何在引导程序中保持内容在导航栏和徽标图像下滚动？

1 个答案: