phpStudy
phpStudy
网站首页
软件下载
PHP教程
编程技术
PHP
MySQL
HTML
CSS
JavaScript
MSSQL
AJAX
.NET
JSP
window
Linux
Mac
ASP
服务器
CMS
SQL
jQuery
C#
C++
java
Android
IOS
oracle
MongoDB
PostgreSQL
SQLite
教程手册
php
html
html5
css
css3
JavaScript
ajax
jquery
sql
ado
asp
aspnet
browsers
careers
dhtml
dotnetmobile
dtd
e4x
glossary
hosting
htmldom
json
media
msnet
quality
rdf
rss
schema
semweb
site
sitemap
smil
soap
svg
tags
tcpip
vbscript
w3c
wap
web
webservices
wmlscript
wsdl
xforms
xhtml
xlink
xml
xmldom
xpath
xquery
xsl
xslfo
网站测速
小皮面板
智能dns
搜索
首页
PHP教程
ie6 position-fixed效果
ie6 position-fixed效果
1、参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2
2、操作系统:Windows
我喜欢position:fixed,它很酷。 但ie6总不支持它,所以用其他的属性来模拟(这个模拟在主流浏览器中都兼容,所以其他浏览器也不需要分开写position:fixed了)。
看效果先:
<!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" /> <meta name="author" content="Chomo" /> <title>模拟position:fixed</title> </head> <style> * { padding:0; margin:0;} body { height:100%; overflow:hidden; font-size:14px; line-height:2; position:relative;} html { height:100%; overflow:hidden;} .fixed { position:absolute; top:10px; left:10px; width:200px; height:350px; background:#fc0; border:1px solid #f60;} .wrapper { height:100%; overflow:auto;} .body { padding-top:10px; margin-left:232px;} </style> <body> <div class="fixed">滚动条就算蹦达出窗口它都不会动的</div> <div class="wrapper"> <div class="body"> [专业 » 产业观察] 彩虹显IP怕成被告?TX给彩虹暗示? jarry 2008-11-17 [专业 » 产业观察] 上海东楼Kappa女:互联网的作用=炒作? jarry 2008-11-13 [专业 » 产业观察] 全球性商务人脉网络平台:XING.com jarry 2008-11-1 [专业 » 产业观察] 什么是口碑营销? jarry 2008-10-17 [专业 » 产业观察] 第二届 Open Web 大赛开幕 jarry 2008-10-16 [专业 » 产业观察] 百度有啊C2C网络交易平台即将上线 jarry 2008-10-12 [专业 » 产业观察] 首款谷歌Android手机高调上市 jarry 2008-10-10 [专业 » 产业观察] 七个获得订阅用户的黑色真理 jarry 2008-10-8 [专业 » 产业观察] 靠写博客赚钱的五个必要条件 jarry 2008-10-7 [专业 » 产业观察] Windows Live Messenger 9 Wave3 最终发布日期确定 jarry 2008-10-6 [专业 » 产业观察] 2008中国互联网大会昨日开幕 jarry 2008-9-24 [专业 » 产业观察] 有道热闻上线! jarry 2008-9-19 [专业 » 产业观察] Phpcms 2008 测试版9月1日开源免费发布 jarry 2008-9-17 [专业 » 产业观察] 电脑报介绍的adobe air应用 jarry 2008-9-10 [专业 » 产业观察] WordCamp China 2008即将召开 jarry 2008-8-28 [专业 » 产业观察] 开发硬件防火墙的主要步骤 jarry 2008-8-11 [专业 » 产业观察] 细数20个Windows 7应该拥有的功能 - Windows 7之家--iWindows7.com jarry 2008-8-6 [专业 » 产业观察] 互联网运营者和互联网评论者 jarry 2008-6-22 [专业 » 产业观察] 有趣的BlogBus暂停服务提示 jarry 2008-6-12 [专业 » 产业观察] 谁收入最高?程序员收入大比拼 jarry 2008-6-11 [专业 » 产业观察] Blog营销的特征 jarry 2008-6-10 [专业 » 产业观察] 推荐一个文内广告平台:群视 jarry 2008-6-8 [专业 » 产业观察] Google官方解释为何更换小图标 jarry 2008-6-8 [专业 » 产业观察] 二十年前的1GB jarry 2008-6-8 [专业 » 产业观察] 【pr=7,震古铄今,PR=8,天人合一】PR境界谈 jarry 2008-6-8 [专业 » 产业观察] 大网站谎言,你有没有被欺骗过 jarry 2008-6-8 [专业 » 产业观察] blog.35免费绑定域名的wp服务 jarry 2008-6-7 [专业 » 产业观察] 腾讯SNS:QQ校友开始内测 jarry 2008-6-7 [专业 » 产业观察] 衡量博客价值七个指标 jarry 2008-6-6 [专业 » 产业观察] 另类思维:百度是嫖客 我(站长)要学会做小姐 jarry 2008-6-6 [专业 » 产业观察] 中国电信承接CDMA后的运营策略 jarry 2008-6-5 [专业 » 产业观察] 微软新系统Windows 7桌面截图(16pics) jarry 2008-6-5 [专业 » 产业观察] 3G门户:无线互联网门户网站 jarry 2008-6-5 [专业 » 产业观察] Retaggr:个性化名片制作 jarry 2008-6-3 [专业 » 产业观察] Acrobat:Adobe的网络办公室 jarry 2008-6-3 [专业 » 产业观察] 影响博客互动运营的八大因素 jarry 2008-6-2 [专业 » 产业观察] 影响中国人通讯习惯的十家公司 jarry 2008-6-2 [专业 » 产业观察] 5月浏览器大战升级 FireFox 3份额提升 jarry 2008-6-2 [专业 » 产业观察] 为什么很多博客赚不到钱? jarry 2008-5-31 [专业 » 产业观察] VIA OpenBook迷你笔记本实物图 jarry 2008-5-31 [专业 » 产业观察] 人肉搜索:天使还是魔鬼? jarry 2008-5-30 [专业 » 产业观察] 360doc:个人图书馆,网页在线收藏 jarry 2008-5-30 [专业 » 产业观察] 时光网:电影、社区、你和我 jarry 2008-5-30 [专业 » 产业观察] 十大最让人恼火的软件 jarry 2008-5-27 [专业 » 产业观察] 付钱让员工辞职,Zappos 的成功秘诀 jarry 2008-5-27 [专业 » 产业观察] 三部委发布电信业重组公告 完成后发三张3G牌照 jarry 2008-5-25 [专业 » 产业观察] QQ网络硬盘网页版秘密发布 jarry 2008-5-25 [专业 » 产业观察] Google Sites开始向所有人免费开放 建立自己的个人主页 jarry 2008-5-23 [专业 » 产业观察] 10个不为人知的Google失败作品 jarry 2008-5-22 [专业 » 产业观察] C2Call:基于Web浏览器的网络电话服务 jarry 2008-5-21 [专业 » 产业观察] 微软放弃Vista 用Windows 7取而代之 jarry 2008-5-21 [专业 » 产业观察] 2008年不可错过的Web2.0产品 jarry 2008-5-21 [专业 » 产业观察] 在 Google Earth 上看新闻 jarry 2008-5-21 [专业 » 产业观察] 全国哀悼日CCTV启用wenchuan.cn域名 jarry 2008-5-20 [专业 » 产业观察] 微软抗衡谷歌计划:200亿并购Facebook jarry 2008-5-20 [专业 » 产业观察] 还有什么不能卖?-ebay 十大火星拍卖 jarry 2008-5-19 [专业 » 产业观察] 互联网营销——互联网是手段,营销才是本质 jarry 2008-5-13 [专业 » 产业观察] 中移动手机邮箱也抄袭? jarry 2007-11-2 [专业 » 产业观察] TNND,要彻底放弃MSN了。 jarry 2007-6-11 [专业 » 产业观察] 好玩的在线工具 jarry 2006-11-11 [专业 » 产业观察] 让收费网站去死吧,用google 突破!! jarry 2005-11-20 </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
这是基于这种方法做的对联效果:
<!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" /> <meta name="author" content="Chomo" /> <title>利用模拟的position:fixed做的对联</title> </head> <style> * { padding:0; margin:0;} body { height:100%; overflow:hidden; font-size:14px; line-height:2; position:relative;} html { height:100%; overflow:hidden;} .fixed { position:absolute; top:10px; left:50%; width:100px; margin-left:-490px; height:350px; background:#fc0; border:1px solid #f60;} .fixed2 { position:absolute; top:10px; left:50%; width:100px; margin-left:370px; height:350px; background:#fc0; border:1px solid #f60;} .wrapper { height:100%; overflow:auto; overflow-y:scroll;} .body { width:700px; margin:0 auto; background:#f2f2f2; padding:20px;} </style> <body> <div class="fixed">猪坚强</div> <div class="fixed2">又一个猪坚强</div> <div class="wrapper"> <div class="body"> [专业 » 产业观察] 彩虹显IP怕成被告?TX给彩虹暗示? jarry 2008-11-17 [专业 » 产业观察] 上海东楼Kappa女:互联网的作用=炒作? jarry 2008-11-13 [专业 » 产业观察] 全球性商务人脉网络平台:XING.com jarry 2008-11-1 [专业 » 产业观察] 什么是口碑营销? jarry 2008-10-17 [专业 » 产业观察] 第二届 Open Web 大赛开幕 jarry 2008-10-16 [专业 » 产业观察] 百度有啊C2C网络交易平台即将上线 jarry 2008-10-12 [专业 » 产业观察] 首款谷歌Android手机高调上市 jarry 2008-10-10 [专业 » 产业观察] 七个获得订阅用户的黑色真理 jarry 2008-10-8 [专业 » 产业观察] 靠写博客赚钱的五个必要条件 jarry 2008-10-7 [专业 » 产业观察] Windows Live Messenger 9 Wave3 最终发布日期确定 jarry 2008-10-6 [专业 » 产业观察] 2008中国互联网大会昨日开幕 jarry 2008-9-24 [专业 » 产业观察] 有道热闻上线! jarry 2008-9-19 [专业 » 产业观察] Phpcms 2008 测试版9月1日开源免费发布 jarry 2008-9-17 [专业 » 产业观察] 电脑报介绍的adobe air应用 jarry 2008-9-10 [专业 » 产业观察] WordCamp China 2008即将召开 jarry 2008-8-28 [专业 » 产业观察] 开发硬件防火墙的主要步骤 jarry 2008-8-11 [专业 » 产业观察] 细数20个Windows 7应该拥有的功能 - Windows 7之家--iWindows7.com jarry 2008-8-6 [专业 » 产业观察] 互联网运营者和互联网评论者 jarry 2008-6-22 [专业 » 产业观察] 有趣的BlogBus暂停服务提示 jarry 2008-6-12 [专业 » 产业观察] 谁收入最高?程序员收入大比拼 jarry 2008-6-11 [专业 » 产业观察] Blog营销的特征 jarry 2008-6-10 [专业 » 产业观察] 推荐一个文内广告平台:群视 jarry 2008-6-8 [专业 » 产业观察] Google官方解释为何更换小图标 jarry 2008-6-8 [专业 » 产业观察] 二十年前的1GB jarry 2008-6-8 [专业 » 产业观察] 【pr=7,震古铄今,PR=8,天人合一】PR境界谈 jarry 2008-6-8 [专业 » 产业观察] 大网站谎言,你有没有被欺骗过 jarry 2008-6-8 [专业 » 产业观察] blog.35免费绑定域名的wp服务 jarry 2008-6-7 [专业 » 产业观察] 腾讯SNS:QQ校友开始内测 jarry 2008-6-7 [专业 » 产业观察] 衡量博客价值七个指标 jarry 2008-6-6 [专业 » 产业观察] 另类思维:百度是嫖客 我(站长)要学会做小姐 jarry 2008-6-6 [专业 » 产业观察] 中国电信承接CDMA后的运营策略 jarry 2008-6-5 [专业 » 产业观察] 微软新系统Windows 7桌面截图(16pics) jarry 2008-6-5 [专业 » 产业观察] 3G门户:无线互联网门户网站 jarry 2008-6-5 [专业 » 产业观察] Retaggr:个性化名片制作 jarry 2008-6-3 [专业 » 产业观察] Acrobat:Adobe的网络办公室 jarry 2008-6-3 [专业 » 产业观察] 影响博客互动运营的八大因素 jarry 2008-6-2 [专业 » 产业观察] 影响中国人通讯习惯的十家公司 jarry 2008-6-2 [专业 » 产业观察] 5月浏览器大战升级 FireFox 3份额提升 jarry 2008-6-2 [专业 » 产业观察] 为什么很多博客赚不到钱? jarry 2008-5-31 [专业 » 产业观察] VIA OpenBook迷你笔记本实物图 jarry 2008-5-31 [专业 » 产业观察] 人肉搜索:天使还是魔鬼? jarry 2008-5-30 [专业 » 产业观察] 360doc:个人图书馆,网页在线收藏 jarry 2008-5-30 [专业 » 产业观察] 时光网:电影、社区、你和我 jarry 2008-5-30 [专业 » 产业观察] 十大最让人恼火的软件 jarry 2008-5-27 [专业 » 产业观察] 付钱让员工辞职,Zappos 的成功秘诀 jarry 2008-5-27 [专业 » 产业观察] 三部委发布电信业重组公告 完成后发三张3G牌照 jarry 2008-5-25 [专业 » 产业观察] QQ网络硬盘网页版秘密发布 jarry 2008-5-25 [专业 » 产业观察] Google Sites开始向所有人免费开放 建立自己的个人主页 jarry 2008-5-23 [专业 » 产业观察] 10个不为人知的Google失败作品 jarry 2008-5-22 [专业 » 产业观察] C2Call:基于Web浏览器的网络电话服务 jarry 2008-5-21 [专业 » 产业观察] 微软放弃Vista 用Windows 7取而代之 jarry 2008-5-21 [专业 » 产业观察] 2008年不可错过的Web2.0产品 jarry 2008-5-21 [专业 » 产业观察] 在 Google Earth 上看新闻 jarry 2008-5-21 [专业 » 产业观察] 全国哀悼日CCTV启用wenchuan.cn域名 jarry 2008-5-20 [专业 » 产业观察] 微软抗衡谷歌计划:200亿并购Facebook jarry 2008-5-20 [专业 » 产业观察] 还有什么不能卖?-ebay 十大火星拍卖 jarry 2008-5-19 [专业 » 产业观察] 互联网营销——互联网是手段,营销才是本质 jarry 2008-5-13 [专业 » 产业观察] 中移动手机邮箱也抄袭? jarry 2007-11-2 [专业 » 产业观察] TNND,要彻底放弃MSN了。 jarry 2007-6-11 [专业 » 产业观察] 好玩的在线工具 jarry 2006-11-11 [专业 » 产业观察] 让收费网站去死吧,用google 突破!! jarry 2005-11-20 </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
原理如下:
<!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" /> <meta name="author" content="Chomo" /> <title>模拟position:fixed效果的原理</title> <style type="text/css"> div { height:100px; width:100px; overflow:auto; border:1px solid #000;} </style> </head> <body> <div> </div> ↑你滚你的,我雷打不动 </body> </html>
提示:您可以先修改部分代码再运行
把框框的高宽都扩大到100%,然后将雷打不动的文字定个位就行了。
«
»
PHP教程
PHP简介
PHP基本语法
PHP类型
PHP变量
PHP运算符
PHP控制结构
PHP函数
PHP类与对象
PHP异常处理
函数库分类
快速导航
PHP
MySQL
HTML
CSS
JavaScript
MSSQL
AJAX
.NET
JSP
Linux
Mac
ASP
服务器
SQL
jQuery
C#
C++
java
Android
IOS
oracle
MongoDB
SQLite
wamp
交通频道
Copyright © 2016 phpStudy | 豫ICP备2021030365号-3