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
查看全文
相关阅读:
VxWorks固件分析方法总结
WebGoat系列实验Injection Flaws
WebGoat系列实验Cross-Site Scripting (XSS)
WebGoat系列实验Denial of Service & Insecure Communication
WebGoat系列实验Buffer Overflows & Code Quality & Concurrency
WebGoat系列实验Authentication Flaws
WebGoat系列实验Access Control Flaws
20155224 聂小益 《基于Arm实验箱的接口测试和应用》 课程设计报告
实验补交的链接
2017-2018-2 20155224『网络对抗技术』Exp4:恶意代码分析
原文地址:https://www.cnblogs.com/CB/p/1131205.html
最新文章
20169214 2016-2017-2 《移动平台应用程序开发与实践》课程总结
课堂限时训练-简易计算器·mini dc
课堂限时训练-命令行参数·递归
课堂限时训练-程序设计中临时变量的使用
20169214 2016-2017-2 《网络攻防实践》课程总结
Java学习总结——常见问题及解决方法
20169214 2016-2017-2 《网络攻防实践》实验——免杀技术
20169214 2016-2017-2 《移动平台开发实践》大项目——创意提现 · 需求分析
20162315 2017-2018-1《程序设计与数据结构》课程总结
实验五实验报告
热门文章
实验四实验报告
第十一周学习总结
排序课下作业
十字链表
第十周学习总结
实验三实验报告
《程序设计与数据结构》第9周学习总结
实验二实验报告
qemu-system和qemu-user两种模式动态模拟运行嵌入式固件方法总结
NOE77101固件后门漏洞分析
Copyright © 2011-2022 走看看