swiper兼容IE

Posted 2023-05-08

参考技术A 我用的是2.X的版本，因为兼容ie8。swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.
官网演示地址： http://2.swiper.com.cn/demo/

链接： https://pan.baidu.com/s/1rWhJ1sCbcJVf4wfBRq_MYg 密码：qcuw
css

html

js

项目使用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之前浏览器打开会自动弹出弹窗