固定导航栏上的背景没有出现

Question

我目前有一个包含固定导航栏的DIV，希望在屏幕滚动时在导航栏后面的屏幕上显示背景图像。但是，背景没有显示出来。我试过了this tip，但似乎没有用。

这是我的网站： http://www.whiterabbitstudio.us/ 这是应该在导航功能区后面排列的背景： http://www.whiterabbitstudio.us/1images/head_bkg.png

有没有人有任何想法？谢谢！

Answer 1

很难说出你实际上想要做什么，但是当前你指定head_bkg.png是<div class="header">...</div>元素的背景图片，其高度为0px，因此没有显示任何背景。

为了正确显示背景，我说你应该将它添加到导航div并重新修改该部分的布局，例如没有负边距 - 左边，使宽度为100％，使内容居中并添加background-size: 100%;

此外，如果您想让背景连续，您需要裁剪图像以避免上方和下方的透明部分。