html中如何选中标题隐藏内容,html – 滚动时如何让内容消失/隐藏在透明标题后面...

我用一个透明的固定标题创建了一个js小提琴

http://jsfiddle.net/claireC/8SUmn/.

滚动时,您可以看到文本在其后面向上滚动.如何让文本消失或隐藏在滚动的透明div后面.

编辑：忘了提到背景是图像.

注意：我是编码的初学者.这是我玩代码并试图解决问题.

这是我的HTML：

• list one
• list3
• list2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat sapien eget ligula egestas, quis aliquam velit varius. Phasellus mollis mollis sem quis porttitor. Pellentesque scelerisque mauris et magna tincidunt, vel pharetra enim pharetra. Duis a lobortis purus. Sed dignissim fermentum nibh convallis eleifend. In quis interdum arcu. Proin interdum, lorem et luctus laoreet, felis purus pharetra turpis, eu egestas justo ligula in lectus. Morbi vitae libero vel velit posuere luctus at eu diam. Duis tincidunt lectus ut lobortis euismod. Vivamus ultrices tristique sapien eget posuere.

CSS：

header{

width: 100%;

position: fixed;

top: 0;

border: 1px solid #000;

}

.text{

border: 1px solid #fff;

position: relative;

margin-top: 150px;

}

p{

font-size: 150px;

}