网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
DIV+CSS
>> 正文
底部固定附加层的显示
阅读：4376 输入：2014-06-13 00:38:14
<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>
上一篇：
霓虹灯文字代码
下一篇：
简洁的二级菜单，可伸展展示
相关阅读
oracle 11g默认的用户名和密码
[gkk]传智-适配器设计模式，如同电源适配器
CSS学习教程:用dl dt dd来制作列表
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens