Internet Explorer 中的 Bootstrap4 问题

Bootstrap4 issue in Internet Explorer

我的网站在 IE 11 中出现问题,Bootstrap 4.
正式支持 知道我需要什么来支持浏览器吗?

我试过将它放在 head 标签中,但目前没有解决办法:

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

在 IE 11 和 Chrome 中查看此站点:onaseer87.github。io/medcouture

我尝试用 IE 和 chrome 检查您的网站。

第一期发现网页有一部分在IE浏览器中显示不出来

我检查了开发者工具并找到了下面这行。

<div class="container my-5" id="touch">

你可以注意到#touch css class 应用在它上面。它的 不透明度 设置为 0

如果您取消选中它,它将正确显示页面部分。

如果此 css 代码是您编写的,那么您可以修改它。如果此代码是由 Bootstrap 添加的,那么您可能需要应用自己的 css 来解决问题,因为我们无法修改来自 Bootstrap 的代码。

我还注意到您的 JQuery 滑块仅显示 2 个 Divs。为此,您最好单独测试它。我们很难直接在现场检查它。它可以帮助缩小问题的范围。

在对所有文件类型进行彻底研究后,我发现问题出在 JS 中。我使用的是 IE 不支持的 ES6。

例如:使用 Let 而不是 var,或者模板字面值无法在 IE 中转码。