css 固定在页面底部效果代码

时间：2022-06-25 22:31: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>
<title><a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a> 固定在页面底部效果代码</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

<style type="text/css">
body{padding:0;margin:0;}
.cen{margin:0 auto 42px auto;background:#E6E6E6;padding:20px 10px;line-height:200%;}
#hhdx_ejp{bottom:0;position:fixed;_position:absolute;z-index:9999;bottom:0px;_top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)-0: document.body.scrollTop+(document.body.clientHeight-this.clientHeight)-0);width:100%;z-index:1;}
#hhdx_ejp #ejp_hhdx{background:url(http://www.111com.net/blog/upload/image/20100818183227.gif) repeat-x;border:1px solid #bdbdbd;margin:0 auto;bottom:0px;}
#hhdx_ejp #ejp_hhdx p{float:left;}
img{border:none;}
.xz optgroup{font-style:normal;font-weight:normal;font-variant:normal;background:#E0E0E0;}
</style>
</head>
<body>

<div class="cen" style=""></div>
<div id="hhdx_ejp">
	<div id="ejp_hhdx">
    	<p><a href="#" title="马上咨询" target="_blank"><img  src="https://img.111com.net/get_pic/2010/03/20100818121318950.gif"></a></p>
        <p><a href="#" title="马上咨询" target="_blank"><img  src="https://img.111com.net/get_pic/2010/03/20100818121324477.gif"></a></p>
        <p><a href="#" title="QQ在线咨询" target="_blank"><img  src="https://img.111com.net/get_pic/2010/03/20100818121330160.gif"></a></p>
        <p><a href="#" title="郑重声明" target="_blank"><img  src="https://img.111com.net/get_pic/2010/03/20100818121337833.gif"></a></p>
        <p><a href="#" title="马上咨询" target="_blank"><img  src="https://img.111com.net/get_pic/2010/03/20100818121343992.gif"></a></p>
    </div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

css 固定在页面底部效果代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程