CSS 怎样区分IE9 IE8 ?

html-css010

CSS 怎样区分IE9 IE8 ?,第1张

“\9″  只在IE6/IE7/IE8/IE9/IE10下生效

“\0”  只在 IE8/IE9/IE10下生效

“\9\0”只在IE9/IE10下生效

selector{

color:#000

color:#F00\0 /* only for IE8&IE9&IE10 */

color:#000\9\0/* only for IE9&IE10 */

}

你的问题是想同时安装IE9和IE8,并实现兼容;

还是让一个网页的Css样式同时兼容IE9和IE8?

如果想安装这两个浏览器进行网页样式测试的话,建议你安装一个IETester,可以在这个上面同时测试IE浏览器的各种版本。

容器的居中显示在网页设计中是很常见的,居中显示可以获得视觉的焦点,是内容更加突出,下面就简单的说明一下如何在HTML中通过样式的控制来实现

01

最常见的一种,代码示例如下图,首先,取big一半像素大小赋给small层,通过margin: 0 autotext-align: center来实现

02

第二种方法,代码示例如下图,将big层的display设置为table-cell,然后small层的margin-left取(500-250)/2,也就是125即可

03

第三种方法,代码示例如下图,将big层的position设置为absolute,然后small层的margin-left取(500-250)/2,也就是125即可

04

第四种方法,通过display:flex实现,代码示例如下图,big层display:flexflex-direction:column而small层align-self:center

05

第五种方法,在small层的宽度没有的时候,可以通过width:fit-content这个设置来完成,代码示例如下

06

第六种方法,通过display:inline-block来实现,将这个设置赋给big层即可,代码示例如下图

07

第七种方法,设置big层position:relative,相对情况下,使small层左浮动,代码示例如下

08

第八种方法,transform属性,代码示例如下

09

第九种方法,借助第三方样式,比如增加一个add节点,水平浮动向左,使small层随之浮动,代码示例如下

特别提示

每种方法都适应不同的运行环境,实际操作时需要考虑不同浏览器的解析时的兼容性