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-index。

我认为所有这些组合都能使当滚动到顶部栏/顶部菜单下时，隐藏文本内容。

.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;


    }

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

2 个答案: