项目使用Swiper4兼容小于IE11方案

Posted 大唐荣华

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了项目使用Swiper4兼容小于IE11方案相关的知识,希望对你有一定的参考价值。

原因:

  • 由于项目中使用了Swiper4,内部的css样式使用了display:flex ,不支持IE11之前的版本
    项目会在IE11之前的浏览器报Set未定义,导致项目中的很多功能失效

方案位置

/optimiz_u8/origin/pc/js/ieTipModal.js
optimiz_u8/origin/pc/css/ieTipModal.css

具体使用

1. <script src="https://ss.xgo-img.com.cn/pc/js/ieTipModal.js"></script>
2. <link rel="stylesheet" href="//ss.xgo-img.com.cn/pc/css/ieTipModal.css">
3. 在项目的html里面引入上面的css/js,在IE11之前浏览器打开会自动弹出弹窗

以上是关于项目使用Swiper4兼容小于IE11方案的主要内容,如果未能解决你的问题,请参考以下文章

项目使用Swiper4兼容小于IE11方案

兼容ie方案:浏览器报Set未定义

兼容ie方案:浏览器报Set未定义

兼容ie方案:浏览器报Set未定义

使用create-react-app构建的项目(并引入react-app-polyfill做IE兼容)在开发环境下的IE浏览器中报错的解决方案

vue项目系统兼容IE浏览器问题以及解决方案