底部固定附加层的显示
来源：互联网 发布：网络教学的产生 编辑：程序博客网 时间：2024/04/28 15:20
<!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></title><!-- <link href="common.css" rel="stylesheet" type="text/css" /> --></head><body><style type="text/css">body {color:#000;font-size:12px;text-align:center;font-family: Helvetica, Arial, Verdana, sans-serif;background:#FFF;height:1000px;}.foot_wrap{ height:44px; overflow:hidden; text-align:center;-moz-opacity:0.6;opacity:0.6; filter:alpha(opacity=60);background:url(/uploads/allimg/100814/1_100814233750_1.gif) repeat-x bottom;}.foot_wrap * { position:relative;}.foot_cont{ float:left;width:860px; height:34px; margin:4px 0 0 0; padding:0 20px; overflow:hidden; text-align:left; }.foot_line{ float:left; width:2px; height:34px; margin:0 19px; overflow:hidden; background:url(/uploads/allimg/100814/1_100814233750_2.gif) no-repeat}.foot_left{ float:left; width:200px; height:34px; margin:7px 0; overflow:hidden; line-height:21px;text-align:center;}.foot_middle{ float:left; width:320px; height:20px; margin:7px 0; overflow:hidden; line-height:21px;text-align:center;}.foot_right{ float:right; width:200px; height:34px; margin:7px 0; overflow:hidden;line-height:21px;text-align:center;}</style><br/>底部固定附加层的显示<br/>底部固定附加层的显示<br/><div style="width:100%;float:left;z-index:1000;overflow:visible;position:fixed; left:0px;bottom:0px;_position: absolute;_top: expression(documentElement . scrollTop + documentElement .clientHeight-this . offsetHeight);"><div class="foot_wrap"><div class="foot_cont"><div class="foot_right">右边文字或图片</div><div class="foot_left">左边文字或图片</div><div class="foot_line"></div><div class="foot_middle">中间文字或图片</div><div class="foot_line"></div></div></div></div></body></html>
