Fatal编程技术网
  • css/
  • Css 引导响应视差图像重叠

Css 引导响应视差图像重叠

css image twitter-bootstrap

Css 引导响应视差图像重叠,css,image,twitter-bootstrap,parallax,Css,Image,Twitter Bootstrap,Parallax,目前我正在为我的网站制作一个响应模板。我正在使用twitter引导框架创建这个模板 使用Jarallax插件的视差效果，因为我的网站响应速度快，而且我的网站使用的是推特引导功能，所以我在将两张图片放在一列中时遇到问题（span4） 当使用背景图像作为div时，背景图像不会在所有屏幕大小上正确显示，因此这是一个响应问题 <img src="image-background.png" alt="bg" /> <img src="image-parallax.png" alt="fg

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

使用Jarallax插件的视差效果，因为我的网站响应速度快，而且我的网站使用的是推特引导功能，所以我在将两张图片放在一列中时遇到问题（span4）

当使用背景图像作为div时，背景图像不会在所有屏幕大小上正确显示，因此这是一个响应问题

<img src="image-background.png" alt="bg" />
<img src="image-parallax.png" alt="fg" class="parallax-top" />
滚动图像时，视差应改变样式并创建视差效果。 问题在于，我无法将这些图像相互叠加，模板仍然具有响应性

下面JSFIDLE链接中的简单示例

我希望找到一个解决方案，这样我仍然可以使用视差并保持反应能力