div+css=>遮罩+弹出框(固定在页面中间)
来源:互联网 发布:51单片机独立按键原理 编辑:程序博客网 时间:2024/05/20 01:13
效果图
css代码
<style type="text/css" >body{ font-family: "Microsoft YaHei" ! important;}/*灰色遮罩层*/.fade{ width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 99;}/*弹出层*/ .succ-pop{ width: 400px; height: 300px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -200px; margin-top: -150px; z-index: 999; border-radius: 5px;} .succ-pop h3.title{ text-align: center; font-size: 22px; color: #ce002c;}</style>
html代码
<div class="fade"></div><div class="succ-pop"> <h3 class="title"> 中间填写内容 </h3></div>
0 0
- div+css=>遮罩+弹出框(固定在页面中间)
- div+css=>遮罩+弹出框(固定在页面中间)
- DIV+CSS固定页面布局
- CSS实现将div固定在页面指定地方
- CSS控制DIV永远固定在页面底部
- css将div层固定显示在页面底部
- 上下DIV固定,中间DIV自适应的HTML+CSS实现
- div固定在页面中
- DIV+CSS实现两边固定宽度,中间自适应宽度
- css实现弹出框在页面居中
- 固定div,css固定
- 让div在页面中间显示
- 让DIV块在页面的某个位置固定的css代码
- 让DIV块在页面的某个位置固定的css代码
- CSS案例,DIV固定在页面底部,不随滚动条的滚动。
- 用CSS固定DIV层在页面顶部和底部(兼容IE6)
- div层固定在页面某一位置
- 页面某个div固定在顶部
- 5-5 堆中的路径 (25分) -- 小堆树性质,如何调整
- IPC机制之一:简介、多进程模式
- php自制日历表
- 三大WEB服务器对比分析(apache ,lighttpd,nginx)
- 【转】关于python文件操作
- div+css=>遮罩+弹出框(固定在页面中间)
- POJ - 1426 Find The Multiple(暴力)
- 寒風的Cocos之旅之C++篇--cocos2d-x内存管理机制
- 【Android布局】在程序中设置android:gravity 和 android:layout_Gravity属性
- VC++程序如何判定SQL Server的字段是自增长的?
- PHP获得微信用户的OpenID,然后再通过OpenID和access_token查询用户信息
- flash builder 4.7 破解
- java中Stack类的介绍以及使用
- UITabelView移动,编辑大总结