利用CSS实现DIV在浏览器中位置相对固定,而且IE6下滚动不闪
从国外一图标博客中提取的代码,该博客的地址:http://icondock.com/页头部分:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>CSS样式部分:<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
/* body背景图要有,可以是一张空图,否则IE6下滚动时固定内容会闪动 */
body {
background: #666666 url(kong.jpg) fixed left top;
}
/* 460是IE6下top的指定高度 */
* html #dock {
position: absolute;
top: expression((460 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}
/* 76%是非IE6浏览器可以指定百分比top高度 */
#dock_wrap > #dock {
position: fixed;
top: 76%;
}
#dock_wrap {
position: relative;
z-index: 20;
}
-->
</style>
页面body中的部分:<div id='dock_wrap'>
<div id='dock'>
固定内容
</div>
</div>下面是实例文件下载:
看来要把HTML AJAX JQ等都融入进去 才能做出比较绚丽的原型 能用axure做出右侧小绿小蓝按钮,并且随鼠标屏幕滚动吗?
页:
[1]