底部固定导航条

myfreespace · 发表于 2013-2-8 00:45:32

<!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=utf-8" /><title>无标题文档</title><style>.footbar_wrap{ position:fixed; bottom:0; left:0;width:100%;}.footbar{ width:96%; height:26px; line-height:26px; margin:0 auto; background:url(http://filer.blogbus.com/1490833/resource_14908331264066940z.jpg) repeat-x 0 0; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4;}* html .footbar_wrap{ position:absolute; left:0; width:101.4%;top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);} //IE6hack,提出来写比用_来区分会舒服些ul{ margin:0; padding:0; }li{ width:100px; text-align:center; float:left;position:relative;margin-left:1px;}.thespan{ position:absolute; top:-100px; left:-1px; font-size:12px; display:none; width:100px;height:100px; border:1px solid #ccc; border-bottom:none;}.clear{ clear:both;}li:hover{ border:1px solid #ccc; border-top:none; background:#fff}li:hover span{ display:block;}li p{ margin:0 0 2px 0;}</style> </head><body> <div class="footbar_wrap"><div class="footbar"><ul><li><a href="#">about</a>关于我们联系我们</li><li><a href="#">contct</a>联系我们</li></ul><div class="clear"></div></div></div></body></html>

		自动登录	找回密码
密码			立即注册