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
查看全文
相关阅读:
pdflush的工作原理
proc/sys/net/ipv4/下各项的意义
Linux系统调用--getrlimit()与setrlimit()函数详解
定位多线程内存越界问题实践总结
Linux动态频率调节系统CPUFreq之三:governor
Linux动态频率调节系统CPUFreq之二:核心(core)架构与API
Linux动态频率调节系统CPUFreq之一:概述
ubuntu cpu频率控制
ThinkPHP5.1的数据库链接和增删改查
php 常用的常量
原文地址:https://www.cnblogs.com/CB/p/1131205.html
最新文章
oracle的split函数
JavaWeb学习之Servlet(四)----ServletConfig获取配置信息、ServletContext的应用
JavaWeb学习之Servlet(三)----Servlet的映射匹配问题、线程安全问题
JavaWeb学习之Servlet(二)----Servlet的生命周期、继承结构、修改Servlet模板
JavaWeb学习之Servlet(一)----MyEclipse及Tomcat的配置
java定时器的使用(Timer)
一个java定时器框架
Java定时器Web(转)
140-基于双TI DSP TMS320C6670+XC7K480T的6UCPCI Express高速数据处理平台
202-基于TI DSP TMS320C6678、Xilinx K7 FPGA XC7K325T的高速数据处理核心板
热门文章
203-基于ARM和双TI DSP TMS320C6678的6UCPCI高清编解码处理平台
233-基于TMS320C6678+XC7K325T的CPCIe开发平台
240-4C6678_K7_DDR3_VPX高速信号处理板
246-基于TI DSP TMS320C6678、Altera FPGA的CPCI处理卡
268-基于FMC接口的DSP TMS320C6657子卡模块
265-Keystone II JESD204B 66AK2L06 评估模块 (现行) XEVMK2LX
13-H.264编码解码器的无线应用:1080P60 3D无线影音传输器
12-低延迟、全接口(HMDI、DVI、YPb Pr、RGB)H.264全高清编码器解码器
TCP_NODELAY详解
Linux "零拷贝" sendfile函数中文说明及实际操作分析
Copyright © 2011-2022 走看看