导航栏后面的Twitter引导程序背景

我有一个导航栏，它带有一个导航条包装类，它使其在浏览器的顶部中心处浮动。我想在背后有一个矩形区域，里面充满了蓝色。我应该怎么做？导航栏后面的Twitter引导程序背景

我想机身前后导航栏后面添加一个蓝色填充区域。

UPDATE 我已成功地做同样的事情是什么，我想通过在正文的开头添加一个空的超大屏幕，并通过设置

.jumbotron{ 
    margin-top:-90px; 
    background-color:rgb(20,7,91); 
}

的问题是，它的圆角和两个顶角留下一个恼人的白色空间，你可以看到http://lowcoupling.com/post/59130887987/defining-project-plans-and-gantt-charts-in-eclipse

任何想法如何解决它？

UPDATE 这是很容易

.jumbotron{ 
    margin-top:-90px; 
    background-color:rgb(20,7,91); 
    border-radius:0px; 
}

我们如何知道？您需要向我们提供一些代码。没有它，我们无法帮助你。 –

不好意思，我已经更新了这个问题 – lowcoupling

没有必要得到防御，我只是告诉你，如果你期望得到任何帮助，至少可以为我们提供一些代码。 –

假设你的导航栏，包装类是 'Navbar的包装'

.navbar-wrapper { 
    background-color: blue; 
}

，或者，如果像例子中，你链接到

.navbar { 
    background-color: blue; 
}

2013-09-01 16:55:41 rolfsf

这个的基本想法可能是usi ng z-index。你说，在身体之前，在导航栏后面。

试试这个：

body { // write body font, font-size, color etc }

然后你可以使用z索引，使导航栏浮动在它（但是请记住，每一个元素总是浮在体内，所以你不需要这些;但仍，如果你想使用它）

.navbar { z-index: 2; // 2 to make sure, that others stay under it always background-color: #hexforblue; padding: 5px 10px; // to make it a rect. }

使用此之后，导航栏将有一个长方形的div浮动后面。

注意：这将是整个div的背景，而不仅仅是它的一小部分。

2013-09-01 17:02:59

回答