首页 > Web开发 > 详细

CSS hack

时间:2016-04-04 16:09:34      阅读:232      评论:0      收藏:0      [点我收藏+]

CSS hack

1、我很少使?hacker的,可能是个?习惯吧,我不喜欢写的代码IE不兼容,然后?hack来解决。不过hacker还是?常好? 的。使?hacker我可以把浏览器分为3类:IE6 ;IE7和遨游;其他(IE8 chrome ff safari opera等)

 

◆IE6认识的hacker 是下划线_ 和星号 *

 

◆IE7 遨游认识的hacker是星号 *

 

 

 

?如这样?个CSS设置:height:300px;*height:200px;_height:100px;

 

IE6浏览器在读到height:300px的时候会认为?时300px;继续往下读,他也认识*heihgt, 所以当IE6读到*height:200px的

 

时候会覆盖掉前?条的相冲突设置,认为?度是200px。继续往下读,IE6还认识_height,所以他?会覆盖掉200px?的设 置,把?度设置为100px;

 

 

 

IE7和遨游也是?样的从?度300px的设置往下读。当它们读到*height200px的时候就停下了,因为它们不认识_height。 所以它们会把?度解析为200px,剩下的浏览器只认识第?个height:300px;所以他们会把?度解析为300px。因为优先级 相同且想冲突的属性设置后?个会覆盖掉前?个,所以书写的次序是很重要的。

 

2.条件注释

 

<!--[if lte IE 6]> 这段?字仅显?在 IE6及IE6以下版本。 <![endif]--> <!--[if gte IE 6]> 这段?字仅显?在 IE6及IE6以上版本。 <![endif]-->

 

<!--[if gt IE 6]> 这段?字仅显?在 IE6以上版本(不包含IE6)。 <![endif]--> <!--[if IE 5.5]> 这段?字仅显?在 IE5.5。 <![endif]-->

 

<!--在 IE6及IE6以下版本中加载css-->

 

<!--[if lte IE 6]> <link type="text/css" rel="stylesheet" href="css/ie6.css" mce_href="css/ie6.css" /><![endif]-->

 

缺点是在IE浏览器下可能会增加额外的HTTP请求数。

CSS hack

原文:http://www.cnblogs.com/chenjie123/p/5352010.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!