网站首页
网站导航
Ctrl+D收藏
首 页
代码段
源码包
文档库
工具箱
代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Css
】
div悬浮不动效果
作者:
phpddt
/ 发布于
2014/6/6
/
825
这在很多网站都常见,比如说美丽说,还有本博,css实现div悬浮不动效果很简单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS固定定位</title> <style type="text/css"> { padding:0; margin:0; } div{ width:100%; line-height:30px; background: red; border:1px solid #F90; position:fixed; top:0px; left:0px; } </style> <!--[if lte IE 6]> <style type="text/css"> html { height:100%; overflow:hidden; } body { height:100%; overflow:auto; } div{ position:absolute; } </style> <![endif]--> </head> <body> <div id="fixedLayer">固定不动</div> php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 php教程 </body> </html>
评论列表
本站所提供的代码,版权归原作者所有,若有侵犯作者版权,请与我们联系,我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
悬浮
悬浮不动
同语言下
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
可能有用的
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现,不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
.
实现对图片上传的接收
.
判断用户输入的是否为IP地址
phpddt
贡献的其它代码
(
1
)
.
div悬浮不动效果
地图
本站
我们
服务
版权
联系
回馈
博客