隐藏透明标题下的滚动内容

Question

好吧，我疯了，寻找答案。这很简单，我知道。

我的页面顶部有一个固定的透明标题。当我滚动时，我希望正文内容在其下方滚动，但不可以通过标题div 看到。我看过类似的帖子，但没有任何东西可以帮助我解决我的案子。感谢任何可能有帮助的提示或提示。谢谢！

示例如下：thnki.com/hosting/sycamore

Answer 1

您需要：

• 制作一个看起来和现在一样的非透明图像，
• 为页面的下部（直接在标题下方/之后）创建一个具有自己的溢出样式设置的div，这将导致滚动条仅是页面的一部分
• 或者只是享受您获得的超级棒的透明度叠加效果。

我喜欢它实际上是这样

Answer 2

我已经阅读了许多相关示例，用于在顶部栏下后插入正文文本。但是，我无法在我的情况下工作。我在网上找到了一个简单的工作示例。你可能想看看：

http://www.pmob.co.uk/temp/fixed-header-footer-left-new.htm

我相关的CSS配置是：* 您可能会注意到我已经声明了顶部/底部/左侧/右侧/高度 以及相对位置，我设置了背景，溢出到自动，我也设置了z索引。

我认为所有这些组合的结果都能够在顶部栏下/顶部菜单下滚动时隐藏文本内容。

.topnavigation {  
    background-position:fixed;
    background-color:   lightgray;
    width:              100%;
    overflow:           auto;
    z-index:            10;
}
    .main_body {
        background:     white;
        position:       relative;
        left:           200px;
        top:            30px;
        bottom:         0;
        right:          0;
        white-space:    wrap; 
        width:          660px; 
        overflow:       auto;
        border:         0px;
        z-index:        1;

    }