css - 使 IE9 崩溃的 Bootstrap 3 CSS 提取物

Question

以下页面在 Windows 7 的 IE9 中不断崩溃:

http://www.studyzone.tv/test1.html

经过大量测试后，事实证明 Bootstrap 3 CSS 文件中的 line-height 行导致了崩溃……或者至少与 JWPlayer 发生了某种冲突，并且在它们之间发生了冲突，导致了崩溃!

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;  /* THIS IS THE LINE THAT CUASES THE ERROR*/
  color: #333333;
  background-color: #ffffff;
}

我已经复制了 CSS 文件并注释掉了该行，它解决了问题，如以下链接所示:

http://www.studyzone.tv/test2.html

我想我有两个问题:

1. 为什么这条线会导致崩溃？我真的找到问题了吗，还是我在其他地方有冲突？
2. 如何在不注释掉原始 CSS 文件的情况下解决问题，这显然是错误的做法？

Answer 1

这很可能与我们的 HTML5 播放器和 Bootstrap 之间的 IE 中的 HTML5 模式冲突有关。

您在播放列表 block 内将 primary 设置为 flash，因此它永远不会生效。

设置应该是:

<script type="text/javascript">
    jwplayer("jwplayer").setup({
    playlist: [{
        image: "http://www.studyzone.tv/media/lesson002/lesson002-still.jpg",
        sources: [
            { file: "http://www.studyzone.tv/media/lesson002/lesson002-lq.mp4", label: "360p" },
            { file: "http://www.studyzone.tv/media/lesson002/lesson002-hq.mp4", label: "720p HD" }
        ],
        title: "Play video"
    }],
    width: "700",
    aspectratio: "16:9",
        primary: "flash"
    });
</script>

这应该可以解决问题，您也不必注释掉任何内容。