29
2010
09

仿天涯底部固定漂浮-纯css底部漂浮代码-仿天涯底部固定漂浮纯css代码

这个代码网上一艘一大堆,具体描述我就不啰嗦了。

我一开始直接把网上大家转载的代码复制到dw里,但是没有看到运行效果。最后多次尝试,才弄清楚到底应该怎么写。代码复制到下面,当然,我也先把测试效果链接写下面,大家可以看一下是不是你要的效果

测试链接:仿天涯底部固定漂浮-纯css底部漂浮代码-仿天涯底部固定漂浮纯css代码

 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META http-equiv=keywords content=仿天涯底部固定漂浮,纯css底部漂浮代码,仿天涯底部固定漂浮纯css代码>
<META http-equiv=description content=zhnao.com提供一段仿天涯底部固定漂浮代码,该代码简洁易用,修改起来很方便。>
<title>仿天涯底部固定漂浮-纯css底部漂浮代码-仿天涯底部固定漂浮纯css代码</title>
<style>
body { background-image:url(text.txt); /* for IE6 */background-attachment:fixed; height:1000px; }
#bottomNav { z-index:999; position:fixed; text-align:center; bottom:0; left:0; width:100%; height:45px; margin:0 auto; _position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }
</style>
</head>

<body>
<div id="bottomNav"><img src="http://www.zhnao.com/images/dibupiaofu.jpg" /></div>
</body>
</html>
 

« 上一篇下一篇 »

相关文章:

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。