浏览器兼容问题

之前写过关于浏览器的简单介绍，可查看，这是一个链接   在项目中，由于在项目中使用的是web技术，浏览器作为展示载体，所有不同的浏览器对js的解析，界面的效果都稍有不同，这和浏览器的实现大同小异，这里列举部分遇到的浏览器显示差异的对比，对比效果差异是在ie9.0.40和firefox45.0.2

由于我不是专做界面渲染的，对js，css，html在项目中的差异做出介绍

首先，关于ajax的XMLHttprequest

function createXmlHttpRequest(){
        var xmlHttp;
        try{    //Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
        }catch (e){
            try{    //Internet Explorer
                xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
            }catch (e){
                try{
                    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                }catch (e){}
            }
        }
        return xmlHttp;
    }

上述代码则是为了匹配所有主流浏览器的获取XMLHttpRequest对象

而对于我们的主页，这里是链接，界面效果点击可查看，这又是个链接

可能这是css的宽度长度的解析差异的结果，由于这不是我们主要的任务，所以暂时没有去解决这个问题。

<input name="user_id" type="text" value="10010" hidden="true"/>

而对于这个简单的表单字段hidden设置true是不起作用的，而在火狐中就可以

$("#div"+info.work_id).mouseover(function(){
    //alert($(this).next(".divtext").text());
    $(this).next(".divtext").attr("hidden",false);
  });
 $("#div"+info.work_id).mouseout(function(){
  //alert($(this).next(".divtext").text());
  $(this).next(".divtext").attr("hidden",true);
 });

对于上面的jquery处理的的鼠标悬停效果，在ie中也是不起作用的

对于以上的浏览器差异，存在的更多，目前遇到的就是这些，更多的还有字体效果