如何在Materialise框架Parallax中使图像更大

时间:2016-01-13 18:59:36

标签: javascript jquery html css material-design

我是框架的新手(以前使用了一小部分引导程序),并开始使用materialize framework构建网站。

正如您在该链接上看到的,有一个Parallax框架,我想使用它。麻烦的是,当我交换我的图像时,它的切断比我想要的要多。有人知道如何解决这个问题吗?

当我使用谷歌开发工具时,有一个translate3D属性,我可以编辑这个属性的Y值。我想这是在materialize.js文件行1154:

$img.css('transform', "translate3D(-50%," + parallax + "px, 0)");

但我无法弄清楚视差变量的设定位置。

1 个答案:

答案 0 :(得分:0)

尝试更改<img height="" width="">中图片的大小 。它不会削减那么多。或者,如果您想增加视差图像容器的大小,只需使用

.parallax-container{
    height:
}

PS: 使用视差时,请始终使用高分辨率图像。