我正在寻找一种在页面顶部有一个固定元素的方法,该元素会根据页面宽度改变高度,并且还会将下面的内容推回。到目前为止,我已经管理了一些事情,但我希望有一个更清洁的解决方案。我所做的是拥有两个具有相同内容的顶级元素。一个设置为固定位置,另一个设置为相对位置,但没有不透明度......
#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/
它完全按照我的需要工作,但也许有人有更好的主意?
谢谢,