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

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

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

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

这是代码。它主要是用 Jade 完成的,到处都有一些 html。 https://github.com/CastawayLabs/MCFreelancer/blob/master/views/index.jade

最佳答案

您的 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

关于node.js - 具有过渡背景位移的 Bootstrap 轮播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24947114/

相关文章:

javascript - Bootstrap 导航栏下拉故障

html - 导航栏容器移动折叠全宽(容器流体)

html - 使用angularjs和bootstrap在响应式div中固定位置div

javascript - NodeJS 表达未解析的函数或方法 get()

javascript - 如何用jade和webpack用热重载编码HTML

javascript - 在异步循环中等待 promise

node.js - 如何在 PM2 日志中启用调试包中的颜色?

node.js - 使用 Node.js 模块从 Haraka SMTP 服务器读取电子邮件

javascript - 异步/等待/返回不等待响应

javascript - 咕噜 Jade 编译