node.js - 具有过渡背景位移的 Bootstrap 轮播

Question

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

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

这是代码。它主要是用 Jade 完成的，到处都有一些 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://p1.pichost.me/640/25/1477731.jpg) no-repeat;  background-size:cover; width: 900; height:400; position: relative;')

参见patched commit