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

时间:2013-12-17 07:50:29

标签: javascript html css css3 parallax

这是我的演示,因为你可以看到图像比例所以边距:视差包装的顶部不能是动态的。

演示:http://jsfiddle.net/KsdeX/12/

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

这可能是什么解决方案? img的最大宽度?

2 个答案:

答案 0 :(得分:1)

是的,我真的不明白这里的问题是什么,你可以做到

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

}

然后图像不再缩放..?

答案 1 :(得分:0)

我相信这就是你想要的......

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

fiddle