zoukankan
html css js c++ java
这个固定层的效果
<
html
>
<
head
>
<
style
>
#footer
{
}
{
border-top
:
1px solid #111
;
color
:
#eee
;
background
:
#2B2729
;
padding
:
5px
;
text-align
:
center
;
font-size
:
0.9em
;
font-family
:
"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif
;
position
:
fixed
;
bottom
:
0
;
width
:
770
;
left
:
50%
;
margin-left
:
-385px
;
}
</
style
>
<!--
compliance patch for microsoft browsers
-->
<!--
[if lt IE 7]><style>
#footer {
position: absolute;
bottom: auto;
clear: both;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
}
</style><![endif]
-->
</
head
>
<
body
>
IE7已经支持position:fixed了,而我们的IE6呢?还继续使用js事件?消耗资源,破坏结构,画面闪耀。
今天去一老外站看到了这他站上的十分平滑但却没有js,好奇,原来。。巧妙啊,分享下,相对而言比较节省资源。但效果好,使用方便,兼顾w3c。哈哈
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<
p
>
测试
<!--
begin footer
-->
<
div
id
="footer"
>
joker
</
div
>
</
body
>
</
html
>
http://bbs.blueidea.com/thread-2781970-1-1.html
查看全文
相关阅读:
Python 极简教程(十)集合 set
Python 极简教程(九)元组 tuple
Python 极简教程(七)列表 list
Python 极简教程(八)字符串 str
DevOps实践之一:基于Docker构建企业Jenkins CI平台
kubernetes实践之一:kubernetes二进制包安装
Linux挖矿病毒 khugepageds详细解决步骤
kubernetes实践之五:深入理解Service及内部DNS搭建
kubernetes实践之四:深入理解控制器(workload)
kubernetes实践之三:深入理解Pod对象
原文地址:https://www.cnblogs.com/CB/p/1131205.html
最新文章
封装和@property
封装
python语言的鸭子类型和强类型语言的多态
接口类的多继承以及抽象类的单继承
python 直线插补、圆弧插补、树莓派+步进电机
python3 时间模块 random模块之两个小练习
python3 正则表达式 re模块之辣眼睛 计算器
python3 员工信息表
python3 购物车 增改查终极版~
python3 完全理解赋值,浅copy,深copy 通过地址详细理解~
热门文章
python3 变量理解 解释器理解 常量理解 用户交互理解 逻辑运算
NLP第八条
python3 树莓派 + usb摄像头 做颜色识别 二维码识别
python3 haproxy配置文件操作练习
Python + Selenium(三)网页元素定位(二)id 定位
Python + Selenium(二)网页元素定位(一)
Python + Selenium(一)常用控制方法
Python 极简教程(十三)while 循环
Python 极简教程(十二)逻辑控制语句 if else
Python 极简教程(十一)字典 dict
Copyright © 2011-2022 走看看