精华内容
下载资源
问答
  • ie兼容性问题

    千次阅读 2019-01-23 18:19:09
    ie8不兼容透明度 background:#ffffff; /*支持rgba的浏览器*/ -khtml-opacity:0; -moz-opacity:0; filter:alpha(opacity=0); filter:"alpha(opacity=0)"; opacity:0; filter: progid:...

    ie8不兼容透明度

    background:#ffffff; /*支持rgba的浏览器*/
    /* older safari/Chrome browsers */
    -webkit-opacity: 0;
    -khtml-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    filter:"alpha(opacity=0)";
    opacity:0; 
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);/*兼容ie8及以下*/ 
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#7f000000',EndColorStr='#7f000000');
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    

    select选择框下的display设置为none时无法隐藏

    这个问题可以用js解决,需要option的时候用js添加进去

    标签得闭合,要有结束标签

    IE8不支持以便签斜杠直接结尾。
    页面错位,可能是标签少结束符。

    last-child

    first-child是CSS2的内容,但是last-child不是,所以IE8不行。
    推荐的解决方法不是使用last-child,而是给最后一个元素设置一个.last的class,然后对此进行样式设置,这样就全部兼容了。

    img

    有边框并且有颜色,边框会占位置
    解决方法:img{border:none}

    background

    #fff url() no-repeat 0/center 
    

    注意:颜色一定在最前面,属性间有空格。

    不兼容placeholder

    使用js插件:jquery.placeholder.js
    https://github.com/mathiasbynens/jquery-placeholder

    不兼容text-overflow

    overflow: hidden; 
    white-space: nowrap; 
    

    这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加

    word-berak:break-all; 
    word-wrap:break-word; 
    

    这样断开了,在IE8里面是不会变成省略号的
    (但是在IE6/7/FF/Chrome都没有问题),其实都单行省略了,本来也没有必要断词
    所以一般标准组合就是:

    overflow: hidden; 
    white-space: nowrap; 
    -o-text-overflow: ellipsis; /* for Opera */ 
    text-overflow: ellipsis; /* for IE */ 
    

    不兼容line-height

     line-height:32px;
     line-height: 32px\9; /*IE8*/
    *line-height: 32px; /* IE7支持 */
    _line-height: 32px; /* IE6支持 */
    -ms-line-height: 32px;/*IE9+支持*/
    -webkit-line-height:32px; /*chrome safair*/
    -moz-line-height: 32px;/*火狐*/
    

    不兼容transform

    使用filter的Matrix(矩阵)

    不兼容border-radius

    推荐用背景图代替

    ie8不兼容HTML5新标签

    HTML5的新标签元素有:

    <header>定义页面或区段的头部;
    <footer>定义页面或区段的尾部;
    <nav>定义页面或区段的导航区域;
    <section>页面的逻辑区域或内容组合;
    <article>定义正文或一篇完整的内容;
    <aside>定义补充或相关内容;
    
    展开全文
  • 官网 http://dean.edwards.name/weblog/2008/01/ie7-2/ 一 参考资料 1 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容 http://apps.hi.baidu.com/share/detail/15407414 2 IE7.JS解决IE兼容性问题方法 ...
  • 如何解决IE兼容性问题
  • 主要解决IE兼容性问题、兼容、IE、浏览器
  • 下面小编就为大家带来一篇IE兼容性问题的快速解决方法_ajax请求不发送到后台。小编觉得挺不错的,现在分享给大家,也给大家做个参考
  • IE兼容性问题解决方案

    千次阅读 2018-07-10 19:09:37
    IE兼容性一般主要是两个问题引起的:一、代码只支持高版本IE不支持低版本IE 二、代码只支持低版本IE不支持高版本IE(这个比较少但也存在,主要是一些老的系统)。 常规解决方法 通过在jsp页面增加meta的方式来实现...

    概述

    IE兼容性一般主要是两个问题引起的:一、代码只支持高版本IE不支持低版本IE 二、代码只支持低版本IE不支持高版本IE(这个比较少但也存在,主要是一些老的系统)。

    常规解决方法

    通过在jsp页面增加meta的方式来实现兼容。

    兼容高版本IE

    如果系统只支持低版本的IE,但是用户的电脑的IE版本比较高,可以限定浏览器对文档的解析到某一特定版本,或者将浏览器限定到一些旧版本的表现中。可以用如下的方式:

    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >

    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >

    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

    兼容低版本IE

    系统兼容低版本IE比较困难,能做到的是指定浏览器按照最高的标准模式解析页面。主要是用来解决有些用户的电脑明明用的是IE8、IE9,但是确实用的IE7的文档模式。

    <meta http-equiv="x-ua-compatible" content="IE=edge" >

    通过IE嵌入谷歌插件

    如果用户的电脑确实比较老,也不方便安装高版本的IE,通过常规的解决方法无法解决兼容性问题的话,可以通过嵌入谷歌插件(Google Chrome Frame),这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。需要注意的是谷歌已在2014年停止对此插件的更新,此插件的离线版本网上非常多,但是很多都用不了,博主也是找了好久才找到一个能用到,现在分享给大家:谷歌插件

    安装了Google Chrome Frame插件后,可以到ie的加载项里确认下是否安装成功,安装成功后在加载项里可以看到Chrome Frame插件。

    确保插件安装成功后,在需要调用谷歌页面的jsp页面的head下增加如下的meta,这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。

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

    通过谷歌嵌入IE插件

    谷歌其实也出过支持IE的插件叫IEtab,安装IEtab后在浏览器地址栏右侧会出现一个ie的图标,点击该图标能切换到ie模式来打开。这个插件其实博主不是很推荐,主要有两个原因:一、使用不方便,需要使用ie内核都需要点击一下图标 二、如果是业务系统,每次打开都相当于打开一个新的浏览器,session不会共享。

    IEtab的下载地址:IE插件

     

    展开全文
  • IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下: 1.兼容firefox的 outerHTML,FF中没有outerHtml的方法 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__(“outerHTML...
  • IE兼容性问题之trim

    千次阅读 2015-08-28 08:56:15
    经查阅资料发现时兼容性问题,解决方案如下,在js中添加如下代码 String.prototype.trim = function () { return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' ); } 这样就可以解决问题。 参考文档 htt

    在ie 7 8浏览器中使用如下代码会报错

    $("#money").val().trim(); 

    经查阅资料发现时兼容性问题,解决方案如下,在js中添加如下代码

    
     String.prototype.trim = function () {
    return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' );
     }
    

    这样就可以解决问题。
    参考文档
    http://www.jb51.net/article/50356.htm
    http://blog.csdn.net/error_case/article/details/8280781

    展开全文
  • FF和IE兼容性问题

    2013-10-31 11:32:12
    详述 针对火狐和Ie,css的兼容
  • vue IE兼容性问题汇总

    千次阅读 2019-04-21 14:59:38
    2、GET非首次请求时,IE默认使用缓存而不是去后台请求 解决方法: 在request拦截时,加时间戳 service.interceptors.request.use(config => { // Do something before request is sent // // 时间戳 if...

    1、ES6语法不支持

    解决方法:

    引入babel-polyfill

    npm install --save bable-polyfill

    webpack.base.conf.js中修改为

    app: ['event-source-polyfill', 'babel-polyfill', './src/main.js']

    main.js 中引入

    import 'babel-polyfill';

    2、GET非首次请求时,IE默认使用缓存而不是去后台请求

    解决方法:

    在request拦截时,加时间戳

    service.interceptors.request.use(config => {
      // Do something before request is sent
      // // 时间戳
      if (config.method === 'get') {
        config.params = {
          t: Date.parse(new Date()) / 1000,
          ...config.params
        }
      }
      return config;
    }, error => {
      // Do something with request error
      console.log(error); // for debug
      Promise.reject(error);
    })

    3、上传文件时,文件类型检查。如果为.apk文件,则file.type为" ".而jpg/png等文件正常

    导致上传apk文件时,会报类型检查错误

    解决方法:

    export function validateApk(file) {
      if (file.type === 'application/vnd.android.package-archive') {
        return true;
      } else {
        if (file.name.substring(file.name.lastIndexOf('.') + 1) === 'apk') {
          return true;
        }
      }
      return false;
    }

     

    4、上传文件时,后台读取file.getName或者file.getOriginalName为全路径名称

    解决方法:

    后台去处理,如果为全路径,则进行字符串截取

     

    展开全文
  • NULL 博文链接:https://liuzidong.iteye.com/blog/850299
  • jQuery与IE兼容性问题处理

    千次阅读 2019-05-03 19:01:00
    jQuery虽然是兼容所有主流的浏览器,但实际应用中也会存在很多兼容性问题。使用IE11+jquery-3.2.1.min.js遇到的问题如: 对象不支持indexOf 在低版本中,1.8写法如下: $(window).load(function(){...}); 在高...
  • IE 兼容性问题记录

    千次阅读 2014-03-15 10:28:35
    文档模式: 文档模式的主要作用是影响...浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:
  • vue处理ie兼容性问题

    千次阅读 2018-05-04 17:45:26
    安装 babel-polyfill (cnpm install babel-polyfill --save-dev)在入口文件中引入 import "babel-polyfill" 或者 require("babel-polyfill")webpack.base.conf.js中配置entry: { ...
  • IE兼容性问题 —— object-fit

    千次阅读 2020-08-05 17:14:17
    object-fit 作为 Css3 的语法,在处理图片的大小和缩放比例上非常方便好用,奈何 IE 不支持该语法,我们只能借助插件来兼容 IE。 解决方法 为什么选择 object-fit-images 这里我是引入的一个插件包object-fit-images...
  • Bootstrap 解决ie兼容性问题

    千次阅读 2018-01-18 15:55:37
    bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以下标签在页面中 <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> IE=edge表示强制使用IE最新内核,chrome=1表示如果安装...
  • vue项目解决IE兼容性问题

    千次阅读 2018-10-22 14:50:39
    1、IE浏览器报:SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser 解决方法: 第一步、安装 babel-polyfill  npm install --save babel-polyfill 第二步、使用 entry: { app: ["...
  • IE兼容性问题探讨总结

    千次阅读 2011-12-21 12:40:54
    IE兼容性调试问题 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px;然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2.margin加倍的问题   ...
  • 解决 create-react-app IE 兼容性问题

    千次阅读 2019-08-15 16:12:44
    使用最新版本的 create-react-app(v2.1.0...很明显,这是 IE9 对 ES6 的兼容性问题。首先尝试了两种方式: 使用 create-react-app 官方提供的react-app-polyfill,然后在入口文件 index.js 中引入: import'reac...
  • ie9,360,chrome,firefox下ie9和360对其的兼容性很差,几乎就是不识别。 之前在网上看到过着问题,现在遇到了,也没找到好的方案去兼容他。 只有用padding属性来替换,比如: 问题:在input里要缩进20px;来放置...
  • 在项目快做完需要处理兼容性的时候却发现有一个坑爹的问题,项目在火狐和Chrome上都可以正常的使用,但是却不能兼容IE(IE11)。打开控制台刷新浏览器会变成这个样子,并且很奇怪没有生成对应的dom树,但是还好有报错...
  • 指定页面模式,避开IE兼容性问题

    千次阅读 2012-10-17 16:53:51
    好在IE8之后,IE兼容性问题已经有了很大的改观。由于公司做的是企业应用,可以对用户所使用的软、硬件提出一定的要求,至少让他们在IE8及更高版本的浏览器运行系统的要求不算苛刻,于是兼容性问题就好办多了。但
  • IE兼容性问题web.config设置

    千次阅读 2016-01-13 13:39:33
    第一种办法,是在单个的页面中,添加兼容性标记,示例代码如下:  html>  head>  Mimic Internet Explorer 7 -->  title>我的网页/title>  meta ...
  • vue-quill-editor在低于ie11下导致报错的原因,quill.js报错“无法获取未定义或 null 引用的属性“toggle”“,因此需要兼容ie9,ie10的建议更换编辑器。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 116,618
精华内容 46,647
关键字:

ie兼容性问题