烦人的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如需转载请注明出处

东莞网站制作公司 企业网站设计 外贸网站建设 东莞企业网站制作 东莞网络公司 东莞网站制作 东莞外贸网站制作 东莞企业网站设计 东莞做网站 企业网站建设 外贸网站设计 东莞外贸网站设计 东莞网页设计 东莞网站建设公司 东莞网站设计 外贸网站建设 品牌网站建设 丽水网站建设 俄罗斯网站建设 广州网站建设 鄂尔多斯网站建设 常德网站建设 镇江网站建设 榆林网站建设 商城网站建设 衡阳网站建设 福州网站建设 西宁网站建设 绵阳网站建设 无锡网站建设

资讯推荐

3种类型的工具可帮助Web设计师提高生产力

东莞SEO谈网站内部链接的核心作用

从零起步的网站建设完整流程

网站建设所需资料

企业seo单页日赚200IP的秘笈

做网站如果只是看报价的高低就没意义了

做了小程序后,如何推广小程序呢？

建网站URL该如何设置优化

利用网站描述（Description）提高关键词排名

企业网站建设要了解目的性的意义