CSS HACK之IE6/IE7/IE8/IE9/FF(梳理)

日期:2021-01-20 类型:科技新闻 

关键词:微信小程序商城,免费微信小程序,小程序设计软件,小程序生成平台,可查询的小程序

自从安裝了IE8.0宣布版本号!就对基础的几个 CSS HACK的做1下梳理!期待对网页页面前端开发合理布局DIV+CSS的执行者有一定的协助!
本文就关键以:IE6+IE7+IE8+IE9+FF为关键科学研究目标

HACK基本原理:不一样访问器对各中标识符的鉴别不一样 (读完文章内容你会发现,FF和IE8对下列标识符的鉴别工作能力彻底同样)
在 CSS中常见独特标识符鉴别表:
(1)*: IE6+IE7都能鉴别*,而规范访问器FF+IE8是不可以鉴别*的;
(2)!important: 除IE6不可以鉴别 !important外, FF+IE8+IE7都能鉴别!important
(3)_ : 除IE6适用_ 外, FF+IE8+IE7都不适用_;
(4)\9:全部IE访问器都鉴别(IE6、IE7、IE8、IE9)
(5)\0: 只对IE8 合理

示例:
(1)差别FF(IE8)与IE6 IE7
backgorund:orange; FF和IE8情况色将为橘黄色
*backgorund:red; IE6和IE7情况色将为鲜红色
(2)差别FF(IE8)与IE6与IE7
background:orange; FF和IE8情况色将为橘黄色
*background:red !important; IE7情况色将为鲜红色
*background:blue; IE6情况色将为蓝色
(3)差别FF(IE8)与IE6与IE7
background:orange; FF和IE8情况色将为橘黄色
*background:red; IE7情况色将为鲜红色
_background:blue; IE6情况色将为蓝色
(4)差别FF与IE6 IE7 E8
color:gray; FF等非IE访问器字体样式色将为灰色
color:red\9; IE8 IE9字体样式色将为鲜红色

1看就懂

拷贝编码
编码以下:

<style>
div{
width:400px;
height:400px;
background-color:red;
background-color:blue\9; /*全部IE*/
background-color:yellow\0; /*IE8 hack*/
_background-color:#CDCDCD; /* ie 6*/
*+html background-color:white; /*仅IE7*/
*background-color:pink; /*IE6 IE7 hack*/
@background-color:white; /*opera hack*/
}
</style>

上一篇:浅谈网页页面中的字体样式的设定 返回下一篇:没有了