position:fixed 兼容各个浏览器

在写样式文件的时候,会遇到浏览器hack 问题

“_”是IE6专有的hack
“+”是IE7的
“\9” IE6/IE7/IE8/IE9/IE10都生效
“\0” IE8/IE9/IE10都生效,是IE8/9/10的hack
“\9\0” 只对IE9/IE10生效,是IE9/10的hack

*{ padding:0; margin:0;}
#menu{ width:50px; height:70px; border:1px solid #ccc; text-align:center; position:fixed; right:0; bottom:0; _position:absolute; _top:expression(documentElement.scrollTop+"px"); z-index:9999; background:#ff0;}
body{ height:2000px;}
    <div id="menu"></div>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的...
    大女表哥阅读 1,182评论 0 9
  • 一、如何调试 IE 浏览器? 在IE7以上的版本中可以通过按快捷键F12调出开发人员调试框,如下图IE7以上调试工...
    dengpan阅读 653评论 0 2
  • 做前端,总会涉及到浏览器兼容的问题,之所以存在浏览器兼容的问题,是因为各个浏览器的内核不同,相对应的同一套代码,不...
    一简行者阅读 590评论 0 0
  • 什么是 CSS hack? CSS hank由于不同厂商的浏览器,比如IE,Safari,Chrome等,或者同一...
    饥人谷_tonya阅读 724评论 0 0
  • 什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozill...
    阿鲁提尔阅读 317评论 0 2

友情链接更多精彩内容