html - 透明标题html css中的文本滚动

Question

我为我的网站使用了一个透明的 header ，背景是可滚动的。但我想让内容消失在标题下方。请在这里找到我的代码 http://jsfiddle.net/prta/yw0w4d3p/1/ .感谢您的帮助。

CSS

body {
    color:white;
}
header {
    position:fixed;
}
li {
    float:left;
    list-style:none;
    margin:0 20px 0 20px;
}
a {
    text-decoration:none;
    color:red;
    font-size:50px;
}
.bg {
    width:100%;
    height:100% auto;
    background: url(http://southerngaragebands.com/Aero_Woods.jpg); 
    margin-top: -20px;

}
p {
    margin:20px 20px 20px 20px;
    font-size:30px;
    padding-top:100px;
}

谢谢

Answer 1

我不认为这完全按照你想要的方式工作，但这是我发现你可以把你的文本放在一个 div 中并给它 position:fixed 然后给它的选项之一overflow:scroll; 这样你就可以保持页眉的位置，但如果页面滚动，这将不起作用 http://jsfiddle.net/yw0w4d3p/9/

#a{
margin-top:100px;
position:fixed;
overflow:scroll;
height:100%;
width:auto;
}