网站制作中浏览器不兼容问题及解决办法_网站制作关心问题 - 网奇公司
网奇&|&&|&
网站制作中浏览器不兼容问题及解决办法
　　过程中，主要考虑的问题就是浏览器的兼容问题了，很多浏览器都不能兼容，例如火狐和IE，同一个网站在火狐和IE浏览器下就显示着不一样的效果，这是网站制作者的难题，所以笔者经过多年网站制作经验，总结出火狐和IE的不兼容都出现在哪些地方，以及解决办法，希望可以帮您解决烦恼！！
火狐浏览器
聚集类对象标题
只能应用[]获取聚集类对象
可以应用()或[]获取聚集类对象
同一应用[]获取聚集类对象
变量名与某HTML对象ID雷同的标题
应用与HTML对象ID雷同的变量名;IE下则不能
HTML对象ID作为document的下属对象变量名直接应用，Firefox下则不能
应用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID雷同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.
event.x与event.y标题
even对象有pageX,pageY属性,但是没有x,y属性
even对象有x,y属性,但是没有pageX,pageY属性
应用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.
eval("idName")标题
只能应用getElementById("idName")来取得id为idName的HTML对象
可以应用eval("idName")或getElementById("idName")来取得id为idName的HTML对象
同一用getElementById("idName")来取得id为idName的HTML对象
event.srcElement标题
even对象有target属性,但是没有srcElement属性
even对象有srcElement属性,但是没有target属性
应用obj(obj = event.srcElement ? event.srcElement : event.)来代替IE下的event.srcElement或者Firefox下的event.target.
Firefox的body在body标签没有被浏览器完整读进之前就存在
IE的body则必需在body标签被浏览器完整读进之后才存在
模态和非模态窗口标题
Firefox不能通过showModalDialog和showModelessDialog打开模态和非模态窗口
直接应用window.open(pageURL,name,parameters)方法打开新窗口。
可以应用const关键字或var关键字来定义常量
只能应用var关键字来定义常量
同一应用var关键字来定义常量
自定义属性标题
只能应用getAttribute()获取自定义属性
可以应用获取惯例属性的方法来获取自定义属性,也可以应用getAttribute()获取自定义属性
同一通过getAttribute()获取自定义属性
window.location.href标题
Firefox1.5.x下,只能应用window.location
IE或者Firefox2.0.x下,可以应用window.location或window.location.href
应用window.location来代替window.location.href
firefox与IE(parentElement)的父元素的差别
obj.parentNode
obj.parentElement
由于firefox与IE都支撑DOM,因此应用obj.parentNode是不错选择
打消ul、ol等列表的缩进时
padding属性对FireFox有效
margin属性对IE有效
样式应写成:list-style:margin:0padding:0
cursor:hand VS cursor:pointer
firefox不支撑hand
ie支撑pointer
同一应用pointer
　　看了之后，是不是就不会在为的浏览器兼容问题而感到苦恼了呢？
网奇网络原创文章，本文地址：，转载请注明出处。
的相关新闻
新手建站指导
免费网站模版
本文评论 　　 (0)
同意评论声明
尊重网上道德，遵守中华人民共和国的各项有关法律法规
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
本站管理人员有权保留或删除其管辖留言中的任意内容
本站有权在网站内转载或引用您的评论
参与本评论即表明您已经阅读并接受上述条款
快速了解网奇
网奇产品导航
网奇 网站管理系统
网奇客户案例
Hot Search:|||||||||||||||||||||||||网页显示不正常? 用”兼容性视图”搞定！
Internet Explorer 8 使用技巧
网页显示不正常? 用”兼容性视图”搞定！
网页显示不正常，出现图片错位，文字跑远……等等，别急，试试IE8自带的”兼容性视图”功能吧！其实出现网页显示问题，一般不是您的电脑或者浏览器有问题，而是由于各网站开发标准不同，所以在不同的浏览器上打开时就可能出现页面显示问题。为了减少这类影响您网页浏览体验的情况出现，IE8不仅采用了国际通用的网页开发标准——W3C标准（World Wide Web Consortium即万维网联盟标准），并且为了兼容基于其它网页标准开发的网站，IE8还专门提供了“兼容性视图”功能。当IE8检测到某网站不兼容时，地址栏右侧就会出现兼容性视图按钮出现问题只需轻轻一点，大部分网页显示就会正常了。让我们来看看如何使用这个功能:
网站不兼容, 页面显示错乱:
地址栏旁边就会出现”兼容性视图”按钮，点击它，页面就恢复正常了。
兼容（现在漂亮多了吧！）
而且您还不用担心每次都需要这么操作，为了不影响您的上网体验，事实上在您点过兼容性视图按钮后，这个网站将会被自动保存到兼容性列表中，下次您再登录这个页面，IE8会自动启用兼容性视图。当然IE8还为您提供了一个一劳永逸的办法，您可以通过简单的设置，将所有的网站都用兼容性视图方式显示。点击IE右侧的“工具”按钮，选择“兼容性视图设置”
在弹出的对话框中，勾选“在兼容性视图中显示所有网站”, 这样就可以避免由于兼容性而造成的页面显示问题的出现了！7位病人将因他赠送的这份无价的生命礼物而重获新生。
汇了钱之后，小高以被拐卖为由，将警察带到了老何家。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　网页设计与浏览器兼容问题及解决方法
　　对于网络开发者而言，为了给用户更好的上网体验，解决浏览器兼容问题依然是一个不小的挑战。而且网页设计是技术和艺术的组合，在设计师考虑到美观的同时还要考虑笔记本、平板电脑和手机兼容问题，网页设计已呈现新的发展趋势。
　　1 浏览器与网页兼容存在的问题
　　众所周知，上网的时候一般是通过浏览器来实现的，所谓的浏览器就是指能显示网页或文件系统的HTML 文件内容，可以确保用户与该类文件进行交互。不同的浏览器之间的内核是不同的，这就导致同一网页在不同的浏览器中的效果出现差异，甚至不能够正常显示。目前一些网站的设计还没具备兼顾各种浏览器的能力，通过少数的浏览器打开网页时会出现变形、无法访问、显示不全和图片不动等现象。对于这种问题，网页开发人员把设计好的网站要放在不同的浏览器上检测其兼容性，对出现不同的情况要通过有针对性的方法来解决。
　　多数的网站设计人员采用CSS来展开布局进行设计的。目前，CSS3把CSS划分为不同的模块，功能也不断强大，网页设计也更加方便，不管是主流的还是各种小公司甚至个人的小站，也都是通过CSS进行展开设计的。曾经，IE占据了浏览器的主流地位，但随着互联网科技的不断发展，浏览器的各类呈井喷趋势，如搜狗、360极速、百度都在推出自己的浏览器，而且还占领了一大块市场份额，与此同时，谷歌、火狐、3435等浏览器也在市场上占有重要地位。各种不同的浏览器所使用的内核也是不同的，这导致很多网页浏览器不兼容，因为是浏览器的内核负责对网页语法进行解读并渲染网页。因此，浏览器的内核不同，对网页的语法解释也是不同的，同一个网页在不同的浏览器下的显示也是不同的，这就是我们所说的网站设计和浏览器的兼容性问题。如果网页和浏览器的兼容性问题处理不好，可能会导致浏览器对网页内容解读错误，出现乱码、变形、信息错乱等现象，影响页面的美观和使用。
　　2 几种网页与浏览器兼容问题的解决方法
　　2.1 采用Hack 技术实现浏览器的兼容性问题
　　所谓Hack 技术就是利用不同浏览器对CSS 样式支持不同的特点，针对不同浏览器分别重复定义多个不同的样式表，由浏览器各自解析执行自己支持的样式，从而设计出不同浏览器具有相同显示效果的页面。目前最常用的方法是利用浏览器对加入特殊字符的选择符或个别样式的支持、不支持重复定义不同的样式。对个别浏览器有特别显示效果的样式，如果个别浏览器有自己单独支持的隐藏样式，则先针对大多数浏览器定义通用样式，之后再用个别浏览器单独支持的隐藏样式重复定义该样式，使得大多数浏览器使用前者，个别浏览器用隐藏样式覆盖后单独使用后者。如果个别浏览器不支持大多数浏览器使用的样式，则先针对个别浏览器定义样式，之后再用个别浏览器不支持的样式为大多数浏览器重复定义该样式，使个别浏览器使用前者，大多数浏览器覆盖后使用后者。
　　2.2 不同浏览器页边距不一致问题
　　比如在CSS 中写一个margin― left ：588px，经过测试人们了现在IE8和火狐浏览器的显示效果民相同的，但IE6中显示就会出问题，主要表现就是页边距会相差几个像素，这就影响了网页的美观。这种现象产生的原因是不同的内核对网页的解读不同导致的，也就是渲染机制不同。不同的厂商对CSS的解释是有一定的差异的，同一个厂商不同的版本对此也可能出现不同的解释，正如上面讲到的IE7和IE8对同一问题的渲染是不同的。另外，浏览器和CSS和版本一直处于动态更新之中，这也是导致二者经常无法兼容的因素。对这一问题的解决可以对不同的浏览器书写不同的标准。例如：
　　#box{margin― left ：588px!IE8 和火狐
　　*margin― left ：585IE7
　　_margin― left ：582IE6}
　　如此设计，所有浏览器的显示就会处于相同的状态。
　　2.3 IE6 对hover的不兼容性
　　在做网站设计时，设计师通常是用来实现不同级别菜单的设置的。在一些精致的网站中如果把鼠标箭头指向某个导航部位会让箭头显示hover效果。这种显示在IE7和IE8中是没有问题的，但通过IE6打开时会出现无法兼容的现象。如果IE6要达到这样效果就必须利用就java编写函数来协助完成。这需要创建一个hover.htc 文件，该文件使用js 脚本来定义元素的样式，如果检测到hover，就给元素设置onmouseout 和onmouseover 事件，从而实现hover的效果。如此以来，在IE6中运用hover就不会出现问题。
　　本文只是简单介绍几种解决网页和浏览器的兼容方法，随着网络技术的不断发展，浏览器和网页的不兼容问题可能会更加突出。要想从根本上解决这个问题，还要从浏览器的内核着手。只有不同的厂商使用统一的CSS标准，才能从根本上解决网页和浏览器的兼容问题。文章转载请注明出处：
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
华企商城提供网络广告服务,企业微信营销,商城搭建，为站长朋...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：在线测试网站的浏览器兼容性-Browsershots | 有趣网址之家 – 收藏全球最有趣的网站
本月最受欢迎趣站
Ta们刚刚来过在新版IE中巧用“兼容性视图”设置解决网页显示不正常的问题
当前位置：/
/在新版IE中巧用“兼容性视图”设置解决网页显示不正常的问题
微软公司自今年4月开始，将停止对XP操作系统的技术支持，这促使很多用户会将XP升级到Win7甚至Win8，那么系统所绑定的浏览器也从IE6升级到、甚至。我们知道自IE8开始，微软公司将浏览器做了比较大的改进，减少微软公司自有的一些功能，使浏览器更符合W3C国际标准，以提高与其他浏览器的兼容性。
这样做的代价，就是造成了IE浏览器自身向下兼容性变差。许多基于IE6浏览器或更低的版本开发的网站，在IE8及以上的浏览器里很可能会产生网页渲染不正常现象。例如如果页面中含有marquee字幕标签、filter滤镜等源代码，在IE6里显示很正常，在IE8或IE11里就会走样了。
为了解决这类问题，微软公司自IE8及以上的浏览器上增加了“兼容性视图”的设置，并作这样的说明：“兼容性视图：专门为旧版本的浏览器设计的网站通常更美观，而且菜单、图像或文本位置不当等这类问题将被纠正。”
IE8浏览器会测试当前浏览的网站是否是基于旧版本浏览器设计的，如果是，那么在地址栏的右边会出现“兼容性视图”按钮，其形状象一张撕裂的纸。单击这个按钮，按钮变色，浏览器就从IE8的正常显示模式切换到“兼容性视图”模式。“兼容”按钮的位置如右图，图中的按钮是变色了的。
上述方法只是临时性地解决一些兼容性问题，如果想以后在浏览该网站时都能正常显示，那么需要在“工具”菜单里作“兼容性视图设置”。
单击菜单栏里的“工具”出来的对话框（如右图），与“兼容性”有关的有两项（图上用浅红色作标识）。
“兼容性视图(V)”相当于地址栏右面的“兼容”按钮。点击这行文字，在文字的左面就会打上一个勾，当前所浏览的网站就切换到“兼容性视图”模式了。如果这行文字是浅色的，说明该网站已经是基于IE8浏览器设计的，用不着采用“兼容性视图”模式。
“兼容性视图设置(B)”。点击这行文字会出来一个对话框（如右下），这是“可以添加和删除要在兼容性视图中显示的网站”。右图是在浏览本网站时点击“工具”的，因此在“添加此网站(D)”里就出现网站的域名：[iefans.net]。只要点击右面的“添加(A)”，这个网站域名就会进入“已添加到兼容性视图中的网站(W)”的文本框内。经添加后，再浏览本网站就会自动进入“兼容性视图”模式了。
用这两个方法设置“兼容性视图”，都是临时的，在网页的地址栏右面依然会出现“兼容”按钮，都可以再切换到非兼容性视图模式。要想一劳永逸设置兼容性视图，可以在“兼容性视图设置”对话框的最下面三项设置选项内，选中第三个“在兼容性视图中显示所有网站(E)”。（默认是第一和第二两个复选框。）这样就可以在访问所有网站时，都会用“兼容性视图”模式打开网页。而且在打开网页时，在地址栏右面的那个“兼容”按钮也不复存在。也就是是说，要恢复到IE8的正常显示模式，必须再到“兼容性视图设置”里取消“所有网站”的勾选。
并非所有不能正常显示网页的问题都是由浏览器不兼容造成的。如网络的链接不畅、页面下载的流量过大或网页制作的代码错误等都会影响到网页的正常显示。因为切换到“兼容性视图”模式十分简单，只需点击一下“兼容性视图”按钮。所以当遇到页面显示不正常时，不妨切换到“兼容性视图”模式，查看是否能使显示正常。
评论者：1994青年
早该走了，Windows7比它好用，想不明白那么多人还在用的原因。时间&:& 22:53:51
&&&&&&&&&&&&&&&&&&&&}