如何解决swiper3无法在ie9中运行的bug
答案:2 悬赏:80 手机版
解决时间 2021-01-31 08:41
- 提问者网友:戎马万世
- 2021-01-30 19:39
如何解决swiper3无法在ie9中运行的bug
最佳答案
- 五星知识达人网友:时间的尘埃
- 2021-01-30 20:27
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况,在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。随着浏览器版本的增多,解决IE浏览器兼容性显得尤为重要.一、!important (功能有限)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:
#example {
width: 100px !important;
width: 200px;
}
二、CSS HACK的方法(新手可以看看,高手就当路过吧)
首先需要知道的是:
所有浏览器 通用 height:
100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height:
100px;
IE7、FF 共用 height: 100px
!important;
例如:
#example { height:100px; }
* html #example {height:200px; }
*+html #example {height:300px; }
下面的这种方法比较简单
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:
#example {
width: 100px !important;
width: 200px;
}
二、CSS HACK的方法(新手可以看看,高手就当路过吧)
首先需要知道的是:
所有浏览器 通用 height:
100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height:
100px;
IE7、FF 共用 height: 100px
!important;
例如:
#example { height:100px; }
* html #example {height:200px; }
*+html #example {height:300px; }
下面的这种方法比较简单
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯