javascript - IE 7 中的 Bootstrap 轮播问题

Question

正如标题所暗示的那样，我在 IE7 中遇到了 Twitter Bootstrap 轮播的一些问题，希望有人能给我建议。

首先我注意到轮播在 IE7 中不滑动，经过一些阅读后我意识到 twitter 使用 css3 转换来实现滑动效果，而 IE 根本不支持这个，所以我找到了一个使用 jQuery 动画的解决方案来自 GitHub 的“Barryvdh”。这是链接:

https://github.com/twitter/bootstrap/pull/3052/files

虽然这确实解决了滑动问题，但我现在遇到了一个与 IE 7 不同的问题...幻灯片动画结束后，幻灯片内的所有图像都会消失，直到我将鼠标悬停在其中一个控制箭头上。

我在这里创建了代码的 jsBin，这样您就可以看到问题所在: http://jsbin.com/ozaxib/1/edit

如有任何帮助，我将不胜感激!谢谢。

Answer 1

github 上的 Barryvdh 给出了这个问题的答案:

你可以用这行 css 来解决这个问题:

.carousel .item {
  width: 100%;
}