1. <script type="text/javascript" src="<ww:url value='/js/jquery-1.8.3.min.js'/>" language="javascript"></script>
  2. <script type="text/javascript">
  3. $(function(){
  4. var query = location.search;
  5. var equal_index = query.lastIndexOf("=");
  6. var result_index = query.indexOf("result");
  7. var submit_index = query.indexOf("submit");
  8. if(result_index != -1){
  9. if(query.substring(equal_index + 1) == 'success') {
  10. $("#msg").text('保存成功');
  11. pupopen();
  12. }
  13. }
  14. if(submit_index != -1){
  15. if(query.substring(equal_index + 1) == 'success') {
  16. $("#msg").text('上报成功');
  17. pupopen();
  18. }
  19. }
  20. });
  21. function pupopen(){
  22. $("#bg").css("display", "block");
  23. $("#popbox").css("display", "block");
  24. $(window).scroll(function(){ $(window).scrollTop(0); });// 禁止浏览器滚屏
  25. }
  26. function pupclose(){
  27. $("#bg").css("display", "none");
  28. $("#popbox").css("display", "none");
  29. $(window).unbind("scroll");// 恢复浏览器滚屏
  30. }
  31. </script>
  32. <style type="text/css">
  33. body{margin:0px;}
  34. #bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;}
  35. #popbox{position:absolute;width:300px; height:200px; left:50%; top:50%; margin:-200px 0 0 -200px; display:none; background:#FFFFFF;}
  36. </style>
  37. <body>
  38. 终于搞定这个效果了，IE和FF,OP均可以~
  39. 先说原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);在非IE中用opacity:0.60;
  40. </br>
  41. <div id="bg"></div>
  42. <div id="popbox"><center style="margin-top:70px;"><img src="<ww:url value='/image/correct.jpg'/>" /> <span id="msg"></span></center>
  43. <br/><br/><br/>
  44. <img src="<ww:url value='/image/ok.png'/>" width="70" height="35" onclick="pupclose()" style="cursor:pointer"/>
  45. </div>
  46. </body>

CSS弹出背景半透明窗口的更多相关文章

  1. AOPR弹出Order Now窗口怎么办

    当我们忘记了我们自己设置的office密码的时候,需要一款office密码破解软件来帮我们破解,Advanced Office Password Recovery就是这样的一款软件,其简称AOPR.试 ...

  2. php弹出式登录窗口并获得登录后返回值

    一款bootstrap样式结合php制作的弹出式登录窗口,输入用户名和密码后,ajax传参给后台,并获得登录后返回值. hwLayer+ajax弹出登录框 $(function() { $('#for ...

  3. 自定义HttpModule，用于未登录用户，不弹出Windows认证窗口，而是跳转回SSO站点

    2012年的一篇随笔记录,可以学习到如何自定义HttpModule,而具体里面针对需求开发的代码,可能未必能让大伙了解到什么,可快速扫描而过. using System; using System.W ...

  4. 纯CSS弹出层，城市切换效果

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  5. QT QDialog如何弹出一个子窗口

    1. 假设已有一个QDialog的父窗口, 想弹出的子窗口为自己实现的myDialog : QDialog. myDialog 设计和平常的QDialog一样, childDialog : publi ...

  6. [Selenium]通过Selenium实现在当前浏览器窗口点击一个图标之后，弹出另外一个窗口，关闭这个窗口，再回到原来的窗口进行操作

    public void clickReportIcon(){ String initialWindowHandle = driver.getWindowHandle(); //保存原始的浏览器窗口 p ...

  7. c# 定时关闭 MessageBox 或弹出的模态窗口

    我们都知道,MessageBox弹出的窗口是模式窗口,模式窗口会自动阻塞父线程的.所以如果有以下代码: MessageBox.Show("内容',"标题"); 则只有关闭 ...

  8. PyQt（Python+Qt）学习随笔：在一个窗口点击按钮弹出另一个窗口的实现方法及注意事项

    在Qt Designer中定义了两个窗口,一个主窗口一个弹出窗口,需要实现在主窗口点击一个按钮时弹出弹出窗口. 经老猿验证: 1.弹窗的窗口类型无特殊要求,只要是QWidget等窗口部件就可以,也可以 ...

  9. div非弹出框半透明遮罩实现全屏幕遮盖css实现

    IE浏览器下设置元素css背景为透明: background-color: rgb(0, 0, 0); filter: alpha(opacity=20); 非IE浏览器下设置元素css背景为透明: ...

随机推荐

  1. 未能加载文件或程序集“Microsoft.SqlServer.Management.Sdk.Sfc, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91”或它的某一个依赖项。系统找不到指定的文件。

    莫名其妙的,在 VS 中添加数据库连接就报这个错误,经过查找,解决方法是重新安装下两个sql server的组件:SharedManagementObjects.msi 和 SQLSysClrType ...

  2. 在eclipse-oxygen-sts中，关于快捷键[CTRL + SHIFT + O]失效的问题

    这是sts的一个bug,没关系,重新设置接口 按照如图位置修改即可 下图截自于stackoverflow

  3. 关于generate用法的总结

    Abtract generate语句允许细化时间(Elaboration-time)的选取或者某些语句的重复.这些语句可以包括模块实例引用的语句.连续赋值语句.always语句.initial语句和门 ...

  4. BLIST，BindingSource

    //gridControl1.DataSource = BList; //BindingSource bs = new BindingSource(); //bs.DataSource = BList ...

  5. <![CDATA[]]>和转义字符

    被<![CDATA[]]>这个标记所包含的内容将表示为纯文本,比如<![CDATA[<]]>表示文本内容“<”. 此标记用于xml文档中,我们先来看看使用转义符的情 ...

  6. 内网ip范围

    局域网可使用的网段(私网地址段)有三大段:10.0.0.0~10.255.255.255(A类)172.16.0.0~172.31.255.255(B类)192.168.0.0~192.168.255 ...

  7. [Windows Azure] How to use the Table Storage Service

    How to use the Table Storage Service version 1.7 version 2.0 This guide will show you how to perform ...

  8. 每日英语：American Cities May Have Hit 'Peak Office'

    Despite some hype and a few regional exceptions, the construction of office towers and suburban offi ...

  9. linux命令（42）：tr命令

    Linux tr命令 Linux tr 命令用于转换或删除文件中的字符. tr 指令从标准输入设备读取数据,经过字符串转译后,将结果输出到标准输出设备. 语法: tr [-cdst][--help][ ...

  10. 【qt】QT 的信号与槽机制

    QT 是一个跨平台的 C++ GUI 应用构架,它提供了丰富的窗口部件集,具有面向对象.易于扩展.真正的组件编程等特点,更为引人注目的是目前 Linux 上最为流行的 KDE 桌面环境就是建立在 QT ...