首页 > 其他 > 详细

浏览器专用HACK

时间:2014-08-19 16:02:34      阅读:319      评论:0      收藏:0      [点我收藏+]

第一个HACK,IE FF 所有浏览器 公用
height:100px;

第二个HACK IE6专用
_height:100px;

第三个HACK IE6 IE7公用
*height:100px;
#height:100px;

介绍完了这三个HACK了,下面我们再来看看如何在一个样式里分别给一个属性定义IE6 IE7 FF专用的HACK,看下面的代码,顺序不能错哦:
程序代码:
height:100px;
*height:120px;
_height:150px;

在FF下,第2、3个属性FF不认识,所以它读的是 height:100px;

在IE7下,第三个属性IE7不认识,所以它读第1、2个属性,又因为第二个属性覆盖了第一个属性,所以IE7最终读出的是第2个属性 *height:120px;

在IE6下,三个属性IE6都认识,所以三个属性都可以读取,又因为第三个属性覆盖掉前2个属性,所以IE6最终读取的是第三个属性。

只有Opera识别 @media all and (min-width: 0px){ select {……} } 针对Opera浏览器做单独的设定。

 

浏览器专用HACK,布布扣,bubuko.com

浏览器专用HACK

原文:http://www.cnblogs.com/yezhihua/p/3921987.html

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