主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
R语言
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
底部固定附加层的显示
2014-06-13
网页编程网
网页编程网
<html> <head> <title></title> </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>
阅读原文
阅读
4817
123
显示电脑版