码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器兼容问题

时间:2016-04-19 00:21:00      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

之前写过关于浏览器的简单介绍,可查看,这是一个链接    在项目中,由于在项目中使用的是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中也是不起作用的

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

 

浏览器兼容问题

标签:

原文地址:http://www.cnblogs.com/zqq1234/p/5406420.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!