中山中山

探知 • 创造美好

不断超越客户的期望值,源自我们对这个行业的热爱

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

来源:https://www.bb620.com| 2018-10-06 13:53:03

做网站的时候烦人的就是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如需转载请注明出处

门户网站建设 企业网站建设 商城网站建设 外贸网站建设 专业网站建设 营销型网站建设 东莞建网站 东莞建站费用 东莞网站设计 东莞网站制作 东莞网页设计 东莞网络推广 东莞网页制作 东莞网站改版

金华助孕 常州助孕 大连助孕 惠州助孕 沈阳助孕 长沙助孕 昆明助孕 福州助孕 无锡助孕 天津助孕 北京助孕 珠海助孕 武汉助孕 合肥助孕 长春助孕 沈阳助孕 石家庄助孕 徐州助孕 临沂助孕 佛山助孕 我想做助孕 正规医院助孕 可以助孕包成功的公司 助孕是怎么操作 助孕双胞胎哪些风险 真诚个人助孕 助孕哪里能找到 一般助孕得多少费用 助孕妈妈的成功率 助孕产子公司标准 助孕能成功吗 助孕女孩包成功 助孕公司收费 哪里有捐卵助孕 国外正规的助孕机构 怎么做助孕 包成功助孕哪家优惠 请人助孕要多少费用 助孕微信群 哪里的助孕比较可靠

多一份参考,总有益处