CSSHack

来源:互联网 发布:php倒计时钟代码 编辑:程序博客网 时间:2024/06/07 03:49

一、HACK:所谓CSSHACK就是针对不同浏览器预先写好的不同的CSS代码,包含如下几种形式

a)     IE条件注释

b)    CSS选择器hack

c)     CSS属性hack

d)    !important

二、IE条件注释:专门针对IE浏览器写的CSS样式,包含如下几种格式

a)     判断是否为IE浏览器

<!--[if  ie]>

       <style   type=”text/css”>

              CSS样式

       </style>

<![endif]-->

b)    判断是否为iE的某个版本

<!--[if   ie  版本号]>

       <style  type=”text/css”>

                     CSS样式

       </style>

<![endif]-->

c)     判断是否为IE的某些版本(表示范围),格式如下

<!--[if  范围ie  版本号]>

       <style   type=”text/css”>

              样式

       </style>

<![endif]-->

范围有如下:

小于:lt

大于:gt

小于等于:lte

大于等于:gte

不等于:!

三、选择器hack:就是利用选择器来表示不同的浏览器

a)     *html  选择器{样式}:针对IE6

b)    *+html   选择器{样式}:针对IE7

四、属性hack:就是利用属性的特殊写法来表示不同的浏览器

a)     _属性:表示IE6

b)    *+属性:表示IE7

c)     *属性:表示IE6和IE7


五、!important:作用是用来提升样式的优先级,使用格式div{background:red!important;background:blue;}表示red的样式优先级最高

原创粉丝点击