Question

我知道我已经在某处看到过这种情况，但我无法在任何地方找到它。

基本上，我有一个侧卷轴（这里：http://www.allisonnavon.com），我正在整理。

主要问题是如果浏览器窗口的高度有点太短，网站将垂直滚动并掩盖应该修复的标题。

我猜另一种可能性是如果窗口的高度与网站不匹配则自动调整图像大小，但如果可以，我想避免这种情况。感谢。

Answer 1

这是一个快速而肮脏的解决方案，将以下类添加到您的css

.shader {position:fixed; width: 100%; height: 160px;background: #F9F6E5; top: 0px;left: 0px;}

和一个div宽度这个类就在开放容器div之后

<div class="container">
<!--add this -->
<div class="shader"></div>
<!--end add -->
<!-- text and image -->