[SEO优化] 网站建设前台必学:IE兼容性问题

[复制链接]
查看1890 | 回复15 | 2020-10-11 00:44:01 | 显示全部楼层 |阅读模式

我们大家会经常碰到这样的问题,有的网站在IE6、IE8状态下打开错位,但是IE7打开就正常,这是什么问题呢 ?

关于CSS对IE的兼容问题一直是DIV+CSS的一个大问题,因为不通浏览器识别代码产生的效果是不同的,所以造成了很多浏览器对相同的CSS,产生不同的效果,这样就产生了网站的错位,个人理解是这样的。
关于浏览器兼容性的这种错位,因为浏览器的种类越来越多,从IE5,6,7,8,FF,这些都是比较常用的浏览器,但是正因为各种浏览器的出现,为了更好的兼容各个版本的浏览器,我们就需要学习如何来处理IE的兼容问题。从而网络上出现了很多所谓的HACK ,其实也就是针对各个浏览器的特点,来对各种浏览器的不同嗜好,产生的不同效果,实现的一种兼容各个版本浏览器的效果。
这个地方我们我们不是来讲各种可见的HACK效果,这些大家,可以在百度上来一下,就能找到我们所要的结果。
因为IE从6开始为了适应各个版本,就自身有了一个兼容性,所以我们可以指定给网页一个兼容特性; 比如 网页在IE7下无错位,但在IE6 和 IE8下有错位,那么我们就可以指定当用户使用IE6和IE8的时候直接指定给IE6 和 IE8采用IE7的兼容模式来实现网页的不错位。
但是这样一来,网页的兼容特性只是实现了,IE6,IE7,IE8的一个兼容,为了同时兼容FF,我们这个时候就需要使用HACK来达到兼容FF的效果。
这样我们使用IE自身的特性和HACK之间的特性就达到了网页的兼容效果,我认为这样实现兼容效果是最简单最方便的。这样我们其实就是对一种IE和FF之间的HACK在起作用,相对的写了很少的代码,也很实用和方便。
兼容性的问题越来越重要了,特别是IE8的出现让当时大半的网页都出现错位等现象,而解决的办法,我们来看一个网上的例子: “css兼容IE8
  微软在IE8提供三种解析页面的模式:
IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定  
IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">  
Quirks Modes :IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明   

注意:不同模式间的网页在IE8中可以互相 frame ,因此因不会模式下的DOM和CSS渲染不一样,所以会引发很多问题,务必注意如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:  
<meta http-equiv="x-ua-compatible" content="ie=7" />” 这个例子也就是我上面说到的,从IE6到IE8浏览器中自带的兼容特性。 这样在加上一些HACK这样就使网页达到了一个完全的兼容。

扩展阅读:>>IE浏览器状态栏中显示“网页上有错误错误”解决办法<<

回复

使用道具 举报

幸福教主浦 | 2021-1-23 22:40:06 | 显示全部楼层
支持悟空源码,越来越好
回复

使用道具 举报

张柏芝一号胸 | 2021-2-26 12:02:06 | 显示全部楼层
这个站很好,资源多,教程全
回复

使用道具 举报

悦悦782 | 2021-4-19 13:34:34 | 显示全部楼层
悟空源码资源不错。粉了
回复

使用道具 举报

名人堂熊猫虞kk | 2021-6-12 00:12:10 | 显示全部楼层
这个站很好,资源多,教程全
回复

使用道具 举报

天寿保健护理彰 | 2021-6-24 13:49:17 | 显示全部楼层
我是来白嫖悟空源码的资源的!
回复

使用道具 举报

数脚趾头耍媳 | 2021-11-1 04:21:54 | 显示全部楼层
悟空源码资源不错。粉了
回复

使用道具 举报

游戏乾坤 | 2022-6-3 02:04:33 | 显示全部楼层
5kym.cn这个站资源太全了
回复

使用道具 举报

三个捌 | 2023-3-16 23:22:56 | 显示全部楼层
站长真良心,这么大的资源站都是免费下载
回复

使用道具 举报

大脚吴妈 | 2023-3-19 05:38:49 | 显示全部楼层
这个下载站资源真齐全
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则