建站的时辰烦人的就是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 */
}
2、css hack的要领(新手可以看看,妙手就当途经吧)
起首需求知道的是:
一切阅读器 通用 height: 100px;
ie6 专用 _height: 100px;
ie7 专用 *+height: 100px;
ie六、ie7 共用 *height: 100px;
ie七、ff 共用 height: 100px !important;
比方:
#example { height:100px; } /* ff */
* html #example { height:200px; } /* ie6 */
*+html #example { height:300px; } /* ie7 */
下面的这类要领比力简略
举几个例子:
一、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 */
}
三、ie6+ff - ie7
#example {
height:100px; /* ie6+ff */
*+height:200px; /* ie7 */
}
四、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顶部有以下声明: