百度首页 | 百度空间
 
查看文章
 
利用CSS Hack解决不同浏览器的兼容性问题
2008-05-12 12:06

网页设计过程中,设计师们最头痛的事情莫过于网页对不同浏览器的兼容性问题了,因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同,导致设计的页面效果不一样,所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢?广泛被使用的方法就是CSS Hack,即使用特别的CSS定义显示网页在不同浏览器的设计风格,针对不同的浏览器去写不同的CSS,最大化兼容浏览器

一般情况下,网页设计人员都要兼顾IE 6.0 / IE 7.0 / firefox 2.0浏览器,下面是几个CSS Hack技巧

1、最流行是使用!important,它可以针对IE(IE 7.0能正确理解!important)和非IE浏览器设置不同的样式,只要在非IE浏览器样式的后面加上!important,就可以针对其优先了。所以为了兼顾IE 6.0与火狐之间的差异,我都会使用!important。

2、*+html  {…} 需要只针对IE7做样式的时候就可以采用这个HACK。

3、IE的if条件Hack

<!--[if IE]> Only IE <![endif]--> 所有的IE可识别;
<!--[if IE 5.0]> Only IE 5.0 <![endif]--> 只有IE5.0可以识别;
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]--> IE5.0包换IE5.5都可以识别;
<!--[if lt IE 6]> Only IE 6- <![endif]--> 仅IE6可识别;
<!--[if gte IE 6]> Only IE 6/+ <![endif]--> 以及IE6以下的IE5.x都可识别;
<!--[if lte IE 7]> Only IE 7/- <![endif]--> 仅IE7可识别;


类别:网页设计 | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu