• 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>
标签:

您可以对这篇文章发表一条评论,或者在您自己的网站中引用 (Trackback) 它

发表一条评论

所有标签:.net Ajax Java javascript Linux map MySQL RSS TD-SCDMA Ubuntu vim web Win7 乱码 基础知识 备份 奥运会 希望泉 性能 缓存 编程