美文网首页
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