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
查看全文
相关阅读:
bootstrap-select 下拉多选组件
Spring Boot学习笔记----POI(Excel导入导出)
Spring boot 导出Excel
drf 关键配置
VCL界面开发工具—DevExpress VCL控件全新发布v19.2.6
Web界面开发工具!Kendo UI for jQuery数据管理之网格列宽
WPF应用界面开发技巧放送!DevExpress Breadcrumb控件
Winforms平台界面开发技巧,如何快速掌握Filter Editor(二)
ASP.NET Core界面开发,DevExpress v19.2增强富文本编辑器功能
VCL界面开发工具!DevExpress VCL v19.2.5全新出发
原文地址:https://www.cnblogs.com/CB/p/1131205.html
最新文章
枚举实现单例模式
单例模式——8种实现方式
转:软件测试与质量保证的区别
Kubernetes 系列(八):搭建EFK日志收集系统
项目经理这些技能,是项目成功的关键保障
Jenkins+K8s实现持续集成
深入解读微服务架构下分布式事务解决方案
01Linux系统简介
Github 快速上手实战教程
入门指南--玩转实验楼
热门文章
01 软件设计模式概述
leetcode-----55. 跳跃游戏
leetcode-----54. 螺旋矩阵
js-杂记
bootstrap table 分页显示问题
js字符串截取函数slice()、substring()、substr()
时间问题汇总
Spring-data-JPA详细介绍
MySQL学习
Thymeleaf前后端传值 页面取值与js取值
Copyright © 2011-2022 走看看