IE兼容性问题整理
森小六
世界是自己的,和他人毫无关系
展开
-
IE9兼容性CSS之一transform:rotate
项目总的框架是用angular js ,因为angular js 本身只兼容到IE9,所以IE9以下我们就不加考虑,在浏览器版本低于IE9以下给出提示框让小部分用户能够去下载grome的一个插件,以此来渲染IE以google 模式运行,要不升级浏览器。针对IE9,由于transform:rotate并不支持。当然我们只是为了让英文文字实现一个旋转90度的效果,仅此而已,换方法。转载 2017-03-09 16:11:16 · 4785 阅读 · 0 评论 -
使用了angular js IE9以下浏览器的适配问题。
使用了angular js 作为整个项目的框架,浏览器只能适配到IE9了,那么问题来了,对grome,firefox等这些浏览器来说,没有问题,但对IE浏览器就麻烦了,若你的IE浏览器版本低,它总会以最低版本来识别,识别到IE7就麻烦了,一句meta标签搞定。这句话的意思是,如果支持Grome插件,就用插件来渲染。若为IE浏览器就用IE最高版本来渲染,这样只要浏览器版本较高,加上这句话原创 2017-05-11 14:21:17 · 3207 阅读 · 0 评论 -
input 标签的属性
最近刚做完一个项目,又遇到一些浏览器兼容性的问题。1 、input placeholder 属性对于ie9 并不起效果,所以设置了这一属性,在IE上没有。当然也可以通过js事件来实现这一效果,但是我请教了一下大神,他并不建议这么做,那在IE9及一下只好不显示,没有好的解决方案。2、disabled 属性,如果不想编辑输入框,最好不要使用这个属性,加上这一属性,点击事件包括其他事件不再原创 2017-05-09 16:13:00 · 586 阅读 · 0 评论 -
textarea 限制输入字数
textarea 要限制输入的最大字数,textarea 有一个属性max-length ,但它 并不兼容IE9,就需要用js做判断了。一旦字数超过我们规定要输入的最大字数,就截取字符串。if($scope.content.length>=20){otherStr = $scope.content.substr(0,20);$scope.content= otherStr;}原创 2017-05-18 14:20:26 · 1056 阅读 · 0 评论 -
css3渐变属性兼容性和div圆角属性兼容性
一、渐变最近开发页面使用到了css渐变和border-radius 属性,最初只是百度了一下方法,后经测试,在IE9中并不生效,又开始解决;菜鸟驿站上标明了浏览器兼容浏览器支持表中的数字指定了完全支持该属性的第一个浏览器版本。后边跟 -webkit-、-moz- 或 -o- 的数字指定了需加上前缀才能支持属性的第一个版本。属性IE原创 2018-01-19 10:14:13 · 1002 阅读 · 0 评论 -
ie浏览器下滚动条问题
众所周知,原始浏览器滚动条不美观,所以重新修改样式,但在ie上并不起效果;没有办法,只好寻找插件,来实现;最终找到的是smooth-scrollbar(但也只能兼容到ie10(11)了且原始要加滚动条的div属性不能是overflow-y:scroll)方法:import Scrollbar from 'smooth-scrollbar';//引入自定义滚动条控件mounted() {Scroll...原创 2018-03-09 10:40:52 · 4036 阅读 · 0 评论 -
时间格式处理的兼容性问题(iphone 和ie浏览器)
后台返回 2018-02-01 23:22:00类似这种形式的时间,需要修改成 年 月 日 23:22:00或 天前等一、time为传来的值 time =time.replace(/\-/g, "/"); 需将-替换为/这样在ie和iphone var stri...原创 2018-08-16 16:46:28 · 1491 阅读 · 0 评论 -
element-ui(vue-cli)在ie11中空白页无法显示
PC端项目 element-ui 的ui框架、vue-cli 项目在ie11中空白页,报script1002: 语法错误无法获取未定义或null引用的call发现错误定位在element-ui 下的emitter.js,那是es6语法无法作用到element 上。解决方法:在webpack.base.conf.js的babel-loader下加上如下内容resolve('/node...原创 2019-03-14 11:25:33 · 3862 阅读 · 2 评论