Fixed Position之IE条件注释解决方案

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......<style type="text/css">#fixed{position:fixed;top:5em;right:0;......}   针对IE7、Opera、Firefox一行搞定</style>IE6中利用容器对溢出内容的处理方式来实现的<!--[if IE 6]>  利用IE独有的条件语句可以针对不同的IE版本精确设置，同时避免了这些代码被其他浏览器读到<style type="text/css">html{overflow:hidden;}body{height:100%;overflow:auto;}#fixed{position:absolute;right:17px;}fixed元素的绝对位置是相对于HTML元素来说，而滚动条是body元素的，这是设置right:17px的原因</style><![endif]--><!--[if lt IE 6]><style type="text/css">#fixed{position:absolute;top:(eval(document.body.scrollTop + 50));}</style><![endif]--></head><body><div id="wrapper">......</div><div id="fixed"><h2>{position:fixed}</h2></div></body></html>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。