避免視差滾動效果中圖像的不必要的縮放

這裏是我的演示，因爲您可以看到圖像比例因此保證：視差包裝的頂部不能是動態的。避免視差滾動效果中圖像的不必要的縮放

.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' –

回答