美文网首页
IE8兼容性问题总结

IE8兼容性问题总结

作者: 刘叶青 | 来源:发表于2019-04-27 08:59 被阅读0次

    在公司的真IE8下测试,没有<!doctype html>的话,ie8会进入怪异模式;有<!doctype html>的话,虽然ie8不支持<!doctype html>,但是ie8不会进入怪异模式;

    如果是IE11手动调成ie8,虽然<!doctype html>失效了,但是不会进入怪异模式;

    var browser=navigator.appName

        var b_version=navigator.appVersion

        var version=b_version.split(";");

        var trim_Version=version[1].replace(/[ ]/g,"");

        console.log('trim_Version', trim_Version)

        if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0") {

    单独对ie8进行操作的代码

        }

    注意:上面的代码可以用来判断是不是ie8,但是我发现,如果在真正ie8的兼容模式下,trim_Version弹出的‘MSIE7.0’

    ie8支持少量es5语法,所以为了兼容ie8,用原生js的时候要用es3的语法

    问:有一个页面出现1个问题,就是input点击以后,光标不会聚焦,必须要鼠标移动一下,光标才会聚焦,怎么办?

    答:后来陈财兵把js一行一行删除,一直删除到这行的时候,柘创浏览器才没有问题,这行代码是:

    $(document).bind('mousemove', function(){

    $('某个DOM元素').val(event.pageX);

    $('某个DOM元素').val(event.pageY);

    });

    使用console.log会报错(‘console未定义’),并且后面的代码不能执行,所以,柘创浏览器不能用console.log

    问:ie8不支持css3选择器,怎么办?

    答:用jquery的选择器,就能兼容ie8

    我发现,ie8不支持background: url(../../images/pro_down.png?12) center right 10px no-repeat;这种写法,只支持background: url(../../images/pro_down.png?12) center right no-repeat;

    相关文章

      网友评论

          本文标题:IE8兼容性问题总结

          本文链接:https://www.haomeiwen.com/subject/xedhnqtx.html