目前我正在为我的网站制作一个响应式模板。我正在使用 twitter 引导框架来创建这个模板。
使用 Jarallax 插件的视差效果,因为我的网站是响应式的并且我的网站正在使用twitter 引导程序,所以我无法将 2 个图像放在一个列中(span4)。
将背景图像用作 div 时,背景图像无法在所有屏幕尺寸上正确显示,因此这是一个响应问题。
<img src="image-background.png" alt="bg" />
<img src="image-parallax.png" alt="fg" class="parallax-top" />
滚动图像时,视差应该改变样式并创建视差效果。 问题是我无法以模板仍然响应的方式将这些图像放在一起。
下面的 jsfiddle 链接中的简单示例。
http://jsfiddle.net/nytrm/Z49Pv/3/
我希望找到一个解决方案,这样我仍然可以使用视差并保持响应能力。