模板无忧
Div+Css
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
CMS教程
CMS行业动态
动易Cms教程
DedeCms教程
PHPCms教程
Discuz教程
PhpWind教程
动网论坛教程
PHP168教程
SupeSite教程
帝国Cms教程
新云Cms教程
科汛Cms教程
风讯Cms教程
模板安装教程
Div+Css教程
Div+CSS教程
DIV+CSS实例
CSS教程
XHTML教程
Web标准教程
浏览器兼容教程
HTML5教程
CSS3教程
网站制作教程
Flash教程
Fireworks教程
Dreamweaver教程
网页配色教程
网页设计教程
网站重构教程
Photoshop教程
网站运营
站长新闻
建站经验教程
SEO优化教程
免费建站资源
网站推广教程
策划盈利教程
GoogleAdsense教程
站长休闲故事
网络编辑教程
网络编程
PHP教程
ASP教程
.Net教程
JSP教程
AJAX教程
Xml教程
Access数据库教程
Mssql数据库教程
MySQL教程
服务器教程
Web服务器教程
Windows教程
Linux教程
Ftp服务器教程
Mail服务器教程
Dns服务器教程
负载集群教程
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
Div+Css教程
模板无忧
>
建站教程
>
Div+Css教程
>
DIV+CSS实例
>
收藏
分享
查看评论
DIV+CSS实例
大
中
小
用css制作有滚动条的居中弹出框_DIV+CSS实例
编辑Tag赚U币
教程Tag：
暂无Tag,欢迎
添加
,赚取U币!
此文来自_模板无忧_www.mb5u.com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用css制作有滚动条的居中弹出框www.mb5u.com</title> <style> *{ padding:0px; margin:0px; } body,html{height:100%; width:100%;} html{overflow:hidden;} body{overflow-y:auto } .display{ position:absolute; left:50%; top:50%; height:300PX; width:500PX; margin-left:-250PX; margin-top:-150PX; border:1PX solid #F00;} </style> </head> <body> <DIV style="height:2000PX;">测试滚动</DIV> <DIV style="height:2000PX;">测试滚动www.mb5u.com</DIV> <DIV style="height:2000PX;">测试滚动</DIV> <div class="display"></div> </body> </html>
但要注意的必须声明网页的解析模式，如果用js去实现，在滚动条滚动的时候弹出框会闪
网站制作在线视频教程
网站制作视频教程打包下载
DIV+CSS模板
CSS视频教程
CSS设计彻底研究视频教程
网页制作基础教程
网站重构&web标准设计教程
div css视频教程
DIV + CSS 入门视频教程，只用记事本编写代码演示
精通CSS+DIV网页样式与布局配套视频教程
别具光芒：DIV+CSS网页布局与美化
DIV.CSS应用视频教程(DIV+CSS)
来源：未知
/
/
所属分类：
DIV+CSS实例
/
更新时间：2012-07-19
[收藏]
[报错]
[返回列表]
相关
DIV+CSS实例
：
固定div容器的宽高，图片居中（图片不限制大小）
鼠标指住(hover)变色的按钮演示demo
10个很酷的涂鸦风格国外网店设计展示
jquery模拟浏览器滚动条效果
仿谷歌google的搜索框下拉提示列表效果
JS显示网页最后更新时间
CSS技巧：text-indent隐藏文字(以图换字)
CSS实例：三列自适应等高且中列宽度自适应
DivCSS布局实例：很实用的图文混排CSS列表-富有语义
DivCSS实例：CSS菜单Flash效果用图片模拟实现
DivCSS布局实例用dldtdd来制作列表
DivCSS实例：符合web标准的嵌入Flash的方法-JS调用
DIV+CSS实例Rss订阅
Div+Css教程搜索
DIV+CSS实例推荐
CSSFormExample：带有小图标的清爽CSS表单设计！
CSS实例教程：用列表ul制作CSS横向菜单的基础知识
CSS布局欣赏：淘宝首页布局效果
一个非常棒的DIV CSS导航条效果！
CSSFloatLayoutBasics-CSS浮动布局基础
jquery模拟浏览器滚动条效果
CSS实例教程：UL制作CSS横向菜单蓝绿色调
CSS图片放大展示的一种小思路
CSS布局实例：margin优化的一种思路
固定div容器的宽高，图片居中（图片不限制大小）
猜你也喜欢看这些
CSS网页布局经验：富有语义地类class和id标记命名
在WEB标准中嵌入Flash的最佳方法
CSS实战：id是狙击枪class是双刃剑合则两利分则两败
如何用CSS设置下拉列表sel
CSS画三角形的方法及应用实例
完全CSS下拉菜单，只用CSS，纯CSS构筑！
IE对CSS的渲染引擎hasLayout
CSS兼容：如何兼容IE7和IE8
IE6使用滤镜使PNG图片透明后，容器内链接失效的解决方法
Div CSS布局应该注重语义、注重代码的重用性！
相关链接：
复制本页链接
|
搜索用css制作有滚动条的居中弹出框
教程说明：
DIV+CSS实例
-
用css制作有滚动条的居中弹出框
。
。。