Question

这是一个现场演示：http://baogiadientu.com/demo/fridgevan/
我想要的结果是：http://baogiadientu.com/demo/fridgevan/images/demo.png

我想为两个元素（.top-bar和.nav）添加无限宽度的背景。我试图对.bgwhite的背景做同样的事情，但是出现了一个滚动条，这不是我想要的。有没有人对如何在没有滚动条的情况下实现这一点有任何建议？

这是我的HTML结构：

<div class="container">

        <header class="clearfix">
            <div class="bgwhite"></div>
            <div class="logo">
                <img alt="logo" src="images/logo.png">
            </div> <!-- end .logo -->

            <div class="beside-logo">
                <div class="white-spce"></div>
                <div class="top-bar">

                </div> <!-- end .top-bar -->

                <div class="nav">

                </div> <!-- end .nav -->
            </div> <!-- end .beside-logo -->
        </header>

 </div> <!-- end .container -->

Answer 1

我确信我们必须看到CSS才能回答这个问题，但我想你有一个.css文件链接到那个.html文件，我是对的吗？

在这种情况下，只需将背景图像设置为 body ，然后使用背景属性可用的属性。

body {
   background: url(images/yourbg.jpg) fixed center repeat-x;
}

如果你的意思是设置一个透明的白色背景，那么网站的背景仍然会从那里回来，试试这个：

.nav {
   background: rgba(255,255,255,0.5);
}

希望这有帮助，这是我从问题中理解的。

添加无限宽的背景标题中的一些元素

1 个答案: