【问题标题】:bootstrap carousel issue in IE 7IE 7 中的引导轮播问题
【发布时间】:2012-11-25 01:39:02
【问题描述】:

正如标题所示,我在 IE7 中的 twitter 引导轮播存在一些问题,希望任何人都可以给我建议。

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

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

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

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

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

【问题讨论】:

  • 仍然没有找到解决方案:(这让我发疯!请帮助我,我无法休息
  • 现在我决定放弃对 ie7 的幻灯片支持,这很可惜,但是哦。

标签: javascript jquery css twitter-bootstrap


【解决方案1】:

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

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

.carousel .item {
  width: 100%;
}

【讨论】:

    【解决方案2】:

    我遇到了同样的问题。但是,当我在您链接到的那个变更集中添加 css 更改时,它对我有用!

    【讨论】:

    • 我认为它在以后的版本中已修复。无论如何,我现在发布了解决方案。谢谢你提醒我这个问题。 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-12-25
    • 1970-01-01
    • 1970-01-01
    • 2014-12-30
    • 1970-01-01
    相关资源
    最近更新 更多