使用css设计弹出窗口
来源:互联网 发布:webuploader php接收 编辑:程序博客网 时间:2024/06/04 19:17
css文件
.glass{ background-color: #666 ; width: 100%; height: 100%; left: 0; top: 0; /*FF IE7*/ filter: alpha(opacity=50) ; /*IE*/ opacity: 0.5; /*FF*/ z-index: 1; position: fixed !important; /*FF IE7*/ position: absolute; /*IE6*/ display : block;}.showbox{background: white;position: absolute;display: block;z-index: 2;width: 600px;height: 400px;top: 25%;left: 30%;}.hidden{display: none;}#showbox #boxmenu{background:RGB(52,101,164);height:35px;font-size:larger;color:white;}#showbox #boxmenu #title{padding-left: 10px;padding-top: 10px;float:left;}#showbox #boxmenu #close{float:right;padding-right: 20px;margin-top:2px;cursor:pointer;background: url(../images/pop-up-close.png) no-repeat;height: 30px;width: 25px;}#showbox #boxmenu #close:active{background:url(../images/closeRed.png) no-repeat;} #showbox #boxhead{ clear:both; float: left; padding-top: 10px; padding-left: 10px; } #showbox #boxbody{ clear: both; padding-top: 10px; } #showbox #boxbody div{ float: left; padding-left:10px; width: 40%; } #showbox #boxbody div input{ cursor:pointer; } #showbox #boxsubmit{ clear: both; padding-top: 20px; padding-left: 20px; } #showbox #boxsubmit input{ height:35px; width:80px; background-color: RGB(52,101,164); color:white; font-size:larger; cursor:pointer; }
想让弹出窗口隐藏的时候把对应部分的class设置为hidden,想让弹出式使用class为showbox,想设置透明效果时设置为glass
- 使用css设计弹出窗口
- CSS弹出背景半透明窗口
- div+css模拟弹出窗口
- 用js、css 弹出窗口
- JS+css实现弹出窗口
- 弹出窗口的使用
- 使用SharePoint2010弹出窗口
- 使用dialog弹出窗口
- asp.net弹出窗口设计
- Javascript+div+css(滤镜)弹出窗口
- Div+Css+JS做弹出窗口
- Jquery+div+css实现弹出登录窗口
- Div+Css+JS做弹出窗口
- css 弹出窗口之后的笼罩层
- 使用css和最少的javascript用div模拟弹出窗口(Lightbox, Greybox, Thickbox)
- 弹出窗口zDialog的使用
- 使用jQuery制作弹出窗口
- popupwindow使用(弹出窗口)
- Android-JNI环境搭建和调用流程+小demo
- 【android开发】自定义数字软键盘的设计与实现(1)
- CSS缩放:zoom(解决Firefox、Opera的兼容问题)
- linux中同步例子(完成量completion)
- linux kernel 2.4.16 __alloc_bootmem_core函数的理解
- 使用css设计弹出窗口
- 测试IP和端口是否与网络连通
- 第二次发博客,遇到不能发外链的问题
- mqsql 排序并获取排序号,功能与oracle的rowrum函数类似.
- 修改用户名密码
- 千头椿苗木起苗包装技巧
- 执行存储过程报错:“SQLSERVER 内部错误。文本管理器无法继续执行当前语句”的处理方法
- jbpm-jpdl-3.2.3 的学习之路_第一天
- C++基础知识(七)new和delete