欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站建设News

如何解决网站与浏览器兼容性问题?

发布时间:2016:11:28 11:53:36 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1809个文字,预计阅读时间5分钟
导语
如何解决网站与浏览器兼容性问题? 1 浏览器与网页兼容存在的问题 首先要先确定是浏览器版本的问题,还是网页代码或者是特效写的有问题。 如果是浏览器材版本或设置的原因,通过

  如何解决网站与浏览器兼容性问题?

  1 浏览器与网页兼容存在的问题

  首先要先确定是浏览器版本的问题,还是网页代码或者是特效写的有问题。

  如果是浏览器材版本或设置的原因,通过浏览器来解决,如果是网页设计本身有问题,那就要从代码上入手调整了。

推荐阅读:移动网站导航响应如何设置有利于百度seo

  现在因为浏览器的提供商及版本都比较多,也有一些网站特效没办法满足所有的浏览器兼容问题的。

  360浏览器:

  点击浏览器地址栏右侧的闪电图标:

  将“极速模式”改为“兼容模式”后问题即可解决。

  IE浏览器:

  打开IE11浏览器, 点击右上角的“工具”选项;

  再选择“Internet选项”,点击界面上方的“安全”选项卡;

  然后点击“受信任的站点”,将无法打开的网站添加到受信任的站点,然后就可尝试重新打开网站;

  或者点击右上角的“工具”选项,选择“兼容性视图设置”将无法打开的网站添加到“兼容性视图中的网站”即可,然后关闭IE11,重新打开进去即可。

  多数的网站设计人员采用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!important ;IE8 和火狐

  *margin— left :585px ;IE7

  _margin— left :582px ;IE6}

  如此设计,所有浏览器的显示就会处于相同的状态。

  2.3 IE6 对hover的不兼容性

  在做网站设计时,设计师通常是用来实现不同级别菜单的设置的。在一些精致的网站中如果把鼠标箭头指向某个导航部位会让箭头显示hover效果。这种显示在IE7和IE8中是没有问题的,但通过IE6打开时会出现无法兼容的现象。如果IE6要达到这样效果就必须利用就javascript编写函数来协助完成。这需要创建一个hover.htc 文件,该文件使用js 脚本来定义元素的样式,如果检测到hover,就给元素设置onmouseout 和onmouseover 事件,从而实现hover的效果。如此以来,在IE6中运用hover就不会出现问题。

  本文只是简单介绍几种解决网页和浏览器的兼容方法,随着网络技术的不断发展,浏览器和网页的不兼容问题可能会更加突出。要想从根本上解决这个问题,还要从浏览器的内核着手。只有不同的厂商使用统一的CSS标准,才能从根本上解决网页和浏览器的兼容问题。

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:网站被关停是什么回事?

下一篇:佛山公司建站报价?企业网站报价差异分析?

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信