烦人的IE兼容今天给予完整的解答

做网站的时候烦人的就是IE的不兼容，这也害苦了不知道多少的编码师。

今天东莞网络公司向扬网络小陆就为大家特地的讲解一下网站的兼容如何的解决。
特别是对完全使用DIV+CSS设计的网页，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网页可能乱的一塌糊涂！我经常被这些东西整的焦头烂额,于是呼在网上找了些资料,加上自己的理解和这些日子的经验,整理了一些资料,其中有一些我还没用到的和还不能理解的,就直接从别的地方给粘了过来,不知道有没有错误,等我以后用到的时候慢慢改吧,希望对大家有点帮助!什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。important (功能有限)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:
#example {
width: 100px !important; /* IE7+FF */
width: 200px; /* IE6 */
}
二、CSS HACK的方法(新手可以看看，高手就当路过吧)
首先需要知道的是：
所有浏览器 通用 height: 100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 100px !important;
例如：
#example { height:100px; } /* FF */
* html #example { height:200px; } /* IE6 */
*+html #example { height:300px; } /* IE7 */
下面的这种方法比较简单
举几个例子：
1、IE6 - IE7+FF
#example {
height:100px; /* FF+IE7 */
_height:200px; /* IE6 */
}
其实这个用上面说的第一种方法也可以
#example {
height:100px !important; /* FF+IE7 */
height:200px; /* IE6 */
}
2、IE6+IE7 - FF
#example {
height:100px; /* FF */
*height:200px; /* IE6+IE7 */
}
3、IE6+FF - IE7
#example {
height:100px; /* IE6+FF */
*+height:200px; /* IE7 */
}
4、IE6 IE7 FF 各不相同

#example {
height:100px; /* FF */
_height:200px; /* IE6 */
*+height:300px; /* IE7 */
}
或：
#example {
height:100px; /* FF */
*height:300px; /* IE7 */
_height:200px; /* IE6 */
}
需要注意的是，代码的顺序一定不能颠倒了，要不又前功尽弃了。因为浏览器在解释程序的时候，如果重名的话，会用后面的覆盖前面的，就象给变量赋值一个道理，所以我们把通用的放前面，越专用的越放后面
解释一下4的代码：
读代码的时候，第一行height:100px; 大家都通用，IE6 IE7 FF 都显示100px
到了第二行*height:300px; FF不认识这个属性，IE6 IE7都认，所以FF还显示100px，而IE6 IE7把第一行得到的height属性给覆盖了，都显示300px
到了第三行_height:200px;只有IE6认识，所以IE6就又覆盖了在第二行得到的height,显示200px
这样，三个浏览器都有自己的height属性了，各玩各的去吧
这样说要是你还不明白，要么你去撞墙，要么我去!不过还是你去比较好。
哦，差点忘了说了：
*+html 对IE7的兼容 必须保证HTML顶部有如下声明：

烦人的IE兼容今天给予完整的解答由企业网站制作编辑 https://www.bb620.com/zhongshan/1029.html如需转载请注明出处

东莞网络公司 东莞企业网站制作 东莞网站建设公司 企业网站制作 企业网站建设 企业网站设计 网站建设公司 东莞网页设计 东莞网站建设 东莞做网站 网站设计公司 外贸网站制作 东莞网站设计 网站制作公司 东莞企业网站建设 衢州网站建设 聊城网站建设 单页网站建设 上海网站建设 展示型网站建设 西宁网站建设 扬州网站建设 邢台网站建设 芜湖网站建设 常州网站建设 开封网站建设 宜春网站建设 玉林网站建设 淄博网站建设 滨州网站建设

资讯推荐

2016年网站建设、网站设计的十大趋势

定制型网站建设标准流程

中小企业如何进行网站优化建设

从快照与内容收录角度谈网站权重建设

网络营销创造奇迹的可能性

如何做一个搜索引擎喜欢的企业网站

网站建设价格因素虽然关键,这些您更应该看看

为什么网站建设完成后，要进行技术维护

企业网站导航栏设计规范

网站地图的几种常见表现形式与作用