Question

在Windows 7的IE9中，以下页面一直在崩溃：

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

经过大量测试后，发现Bootstrap 3 CSS文件中的行高线条导致崩溃...或者至少与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

我想我有两个问题：

为什么这条线会导致崩溃？我是否真的发现了问题，或者我在其他地方发生了冲突？
如何在不注释原始CSS文件的情况下解决问题，这显然是不好的做法？

Answer 1

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

您正在将播放列表块内的主要设置为闪存，因此它永远不会生效。

设置应该是：

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

这可以解决问题，你也不必评论任何事情。

Bootstrap 3 CSS的提取崩溃了IE9

1 个答案: