解决IE6、IE7、Firefox兼容最简单的CSS Hack
作者:aw 来源:awflasher.com 时间:2007-10-14 10:51:00
很早就在这里看到过解决方案,与嗷嗷讨论后发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正’1-2个属性就可以了。
具体写法很容易:
#someNode { position: fixed; #position: fixed; _position: fixed; }
第一排给Firefox以及其他浏览器看
第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看
第三排给IE6以及更老的版本看
最好的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入JavaScript代码(仅用IE6的expression),我这里有一个现成的页面,CSS如下写:
#ff-r { position: fixed; _position: absolute; right: 15px; top: 15px; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+15 : document.body.scrollTop + (document.body.clientHeight -this.clientHeight)); }
是不是很方便:)
标签:css,hack,hack,ie6,ie7,Firefox
0
投稿
猜你喜欢
用browsercam做用户登录后页面的兼容性测试
2008-12-29 12:05:00
如何获知服务器上Application对象及其对应的值?
2009-11-24 18:09:00
女装类视觉设计分享
2009-10-30 18:36:00
SQL Server 中导入导出数据三方法比较
2009-01-21 14:22:00
iframe的防插与强插(二)
2009-03-03 12:37:00
符合标准的纯CSS三 级弹出菜单
2008-01-06 15:34:00
教你轻松解决几种常见的SQL疑难问题
2009-01-07 14:25:00
流动的线条 —— 中国汉字书法之美
2009-10-30 18:15:00
剖析SQL Server 事务日志的收缩和截断
2009-01-15 13:04:00
关于基于字体大小(em)的设计
2008-06-17 15:01:00
mysql数据库下损坏数据的恢复操作其过程总结
2009-02-13 13:36:00
asp ajax跨域提交数据
2011-04-11 10:56:00
如何编写高质量的Javascript代码
2011-03-07 16:04:00
多语言网站开发 不完全技术分析
2008-02-18 12:52:00
简易的全屏透明遮罩(lightBox)
2010-06-09 20:56:00
求英文字母或数字或下划线或汉字的js正则表达式
2009-08-04 17:59:00
SQL Server转换为XQuery及反向转换
2009-01-20 13:32:00
WEB开发中合理选择图片格式
2011-09-22 20:32:06
您是否记得关闭所有的XHTML元素
2009-07-13 12:17:00
多级联动下拉选择框,动态获取下一级
2008-09-04 10:34:00