- 06
- 2月
刚刚从Google上搜到的一个用来显式固定菜单的代码。用来在页面上显示固定位置的菜单的。上次自己做《希望泉》的时候只知道position的fixed不能被IE6支持,只好用条件注释:
<!--[if lte IE 6]> <script language="javascript"> document.getElementById("menu").style.cssText="width:80px; z-index:999999; position:absolute; top: 100px; left: 20px;"; </script> <![endif]-->
将IE6下的属性换成absolute。没想到这个代码这么简单就实现了固定菜单对浏览器的“通吃”,学习…
<html> <head> <title>永远固定不随页面滚动的菜单 www.div-css.com</title> <meta http-equiv=content-type content="text/html; charset=gb2312"> </head> <body> <div style= "position:fixed !important; top/**/:0px; position:absolute; top:expression(offsetParent.scrollTop); width:100%;"> <div style= "width:100%; overflow:hidden; background:red; font-size:13px; "> menu位置:<a xhref="http://www.div-css.com" mce_href="http://www.div-css.com"> www.div-css.com dic+css技术教程资料下载</a> </div> </div> <div style="margin-top:30px;"> IE Firefox下测试通过 1<br />2<br />3<br />4<br />5<br />6<br /><br /> 1<br />2<br />3<br />4<br />5<br />6<br /><br /> 1<br />2<br />3<br />4<br />5<br />6<br /><br /> 1<br />2<br />3<br />4<br />5<br />6<br /><br /> 1<br />2<br />3<br />4<br />5<br />6<br /><br /> 1<br />2<br />3<br />4<br />5<br />6<br /><br /> </div> </body> </html>