避免视差滚动效果中图像的不必要的缩放

这里是我的演示，因为您可以看到图像比例因此保证：视差包装的顶部不能是动态的。避免视差滚动效果中图像的不必要的缩放

.wrapper-parallax { 
    margin-top: 150px; 
    margin-bottom: 60px; 
}

什么是这种情况的可能的解决方案？ img的最大宽度？

是的，我真的不知道什么问题就在这里，你可以做

img { 
position: fixed; 
top: 0; 
max-width: 350px; 
z-index: -1; 
background: cyan;

}

，然后将图像不会扩展了..？

2013-12-17 08:05:17 rZaaaa

不坏，当窗口尺寸变得更小，可以在img变得更加居中？ – user3106579

我相信这是你想要的东西..

I had to use some javascript in this code, and declared some ids to make it easy for me :p

2013-12-17 08:29:02

你可以控制内容边距吗？当img缩小时，标题和内容之间留有空白区域。 – user3106579

[Here]（http://jsfiddle.net/KsdeX/14/）尽管在某些点缩小了大小，但div不会移动（在顶部留下空白）..这是因为'.wrapper-parallax'的'margin-top' –

回答