jquery - 如何使视差响应？

Question

我正在使用 jQuery 插件 plax:https://github.com/cameronmcefee/plax

我已经制作了自己的示例，并希望它能够响应。现在 css 中移动元素的位置是绝对的，但我需要它是相对的，这样我才能让它响应。

但我无法让它工作

查看我的 fiddle :http://jsfiddle.net/FfKgY/

我认为问题出在 css 上:

            #shell {
            display: block;
            position: relative;
            margin: 100px auto;
            width: 100%;
            max-width: 318px;
            height: 100%;
            max-height: 318px;
            z-index: 1;
          }

          #plax-logo {
            width: 136px;
            height: 70px;
            position: absolute;
            top: 170px;
            left: 90px;
            z-index: 3;
            background:#099;
            }

          #plax-sphere-1 {
            width: 93px;
            height: 92px;
            position: absolute;
            z-index: 4;
            top: 189px;
            left: 191px;
            background: #3CC;
            }

            #plax-sphere-2 {
            width: 215px;
            height: 215px;
            position: absolute;
            z-index: 2;
            top: 100px;
            left: 53px;
            background: #3C9;
            }

            #plax-sphere-3 {
            width: 93px;
            height: 92px;
            position: absolute;
            top: 35px;
            left: 32px;
            z-index: 1;
            background: #669;
            }

Answer 1

我自己想出来的。

我添加了另一个 css 字符串

header img {
width:100%;
}

成功了