我正在使用Twitter Bootstrap,并希望修改移动导航栏,以便在展开时,下拉菜单覆盖页面上的内容而不是将其推下.我知道我可能需要使菜单包含<div>绝对定位,增加它的z-index,并<div>相对定位外部,但我似乎无法让它工作.
有关如何做到这一点的任何建议？
这是我开始的JSFiddle.
我正在寻找一种方法,在页面顶部有一个固定元素,根据页面宽度改变高度,这也会推回下面的内容.到目前为止,我已经做了一些事情,但我希望有一个更清洁的解决方案.我所做的是拥有2个具有相同内容的顶级元素.一个设置为固定位置,另一个设置为相对位置,但没有不透明度...
#top-1 { position: fixed; background-color:#fff}
#top-2 {position: relative; opacity:0;}
#content { background-color: #FFF; background-color:#CCC }
我在这里建立了一个例子http://jsfiddle.net/q3G7F/6/
它正是我需要它的工作方式,但也许有人有更好的想法？
谢谢,