带有过渡背景位移的Bootstrap轮播

时间:2014-07-25 02:28:41

标签: node.js twitter-bootstrap pug carousel visual-glitch

当幻灯片转换时,背景图像在转盘下方移位,然后返回到正确的位置。每次转换(点击或等待时)每张幻灯片都会发生这种情况。这是一个GIF显示会发生什么。 http://gyazo.com/350334669db0e76f6d2b6e80fce0aed3

我查看了一些类似的问题(全部已解决)。只有一个似乎是同一个问题,但解决方案并不适用于我的情况。

这是代码。它主要在玉器中完成,并且有一些html。 https://github.com/CastawayLabs/MCFreelancer/blob/master/views/index.jade

1 个答案:

答案 0 :(得分:2)

你的div是position:relative。 Bootstrap使用position:absolute来执行转换。

div.item(style='background: url(http://p1.pichost.me/640/25/1477731.jpg) no-repeat;  background-size:cover; width: 900; height:400; position: relative;')

请参阅patched commit