Bootstrap响应视差图像重叠

时间:2012-11-23 10:38:58

标签: css image twitter-bootstrap parallax

目前我正在为我的网站制作响应式模板。我正在使用twitter bootstrap框架来创建这个模板。

使用Jarallax插件的视差效果,因为我的网站是响应式的,我的网站正在使用 twitter bootstrap 我无法在列中将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/

我希望找到一个解决方案,这样我仍然可以使用视差并保持响应。

0 个答案:

没有答案