在简单的模板上实现视差

时间:2014-05-08 21:31:51

标签: html css

这是我的模板:http://jsfiddle.net/spadez/qXPvq/1/

我得到了我想要的一切,除了绿色背景我想要静止并且内容滚动在它上面,就像视差效果一样。

HTML

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="jumbo">test<br />test</div>
     <div id="select">menu</div>
    <div id="features">1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
        <br />1
    </div>
</body>

我知道用CSS和HTML可以实现这种效果。

1 个答案:

答案 0 :(得分:1)

小提琴不适合我,但你应该能够做到:

background-attachment: fixed;

在你的CSS中,任何元素都有背景。希望它有效!