openWin简单点说就是:像是一个浏览器

openFrame就是对应openWin浏览器里面打开的每一个网页

有些操作只能在openWin里面执行,比如监听安卓返回事件,只能在openWin里面才有效,openFrame里面无效。

execScript传递参数无效,在同一个openWin下面,所有frame之间交互只要frameName参数就行了。但是如果跨越openWin,类似在不同浏览器下面传递参数,就需要加上name参数,也就是Win的名字。

我觉得你的情况可能是这样的:
你打开WINA,然后打开了frame(用户)和frame(游客),然后通过frame(游客)打开WINB,
但是这时候,WINA不是关闭了,而是在它的基础上打开了WINB,所以你关闭WINB时,不需要再打开WINA,而是直接关闭frame(游客)即可。而且我觉得如你所说,可能确实是游客挡住了用户,那你也可以用bringFrameToFront方法把frame(用户)调整到前面,应该也能解决问题。

我觉得如果是这种情况,未必需要两个frame切换,可以像版主说的一样写在一个frame里即可,先设置一个标识检测是否为登录状态,如果是则加载用户需要显示的内容,如果否则显示游客需要看到的内容,可以分别写在不同的块里比如不同的DIV,然后通过标识来切换DIV是否显示即可。
如果设计上必须用两个frame,则你一进来时不要同时打开两个frame,而是根据标识判断是否登陆,然后打开相应的frame,而登陆或者退出登录后,再打开另一个frame,这样的话,新打开的frame自然是在原来的frame之上。

html,body{
   
    margin-right: 0;
}

function openFilter(){
        api.openWin({
            name:'filter_header',
            url:'./filter_header.html',
            bgColor:rgba(0,0,0,0.8),//或者直接不传该参数 ...
            opaque:false
        });
    }

经验分享:
比如a.html页面要使用openFrame方式弹窗b.html页面,实现半透明遮挡a.html效果
第一步:在b.html顶部设置
body{
        background: transparent;
}
第二步:在a.html中openFrame参数中添加
bgColor:'rgba(255, 255, 255, 0.2)',
比如:

  1. function opentest() {
  2. api.openFrame({
  3. name : 'testframe',
  4. url : '../html/testtest.html',
  5. rect : {
  6. x : 0,
  7. y : 0,
  8. w : 'auto',
  9. h : 'auto'
  10. },
  11. bgColor:'rgba(255, 255, 255, 0.2)',
  12. pageParam : {
  13. program_ids : program_ids,
  14. nameTitle : nameTitle,
  15. type : 'pro'
  16. }
  17. });
  18. }

openWin和openFrame 设置透明背景的更多相关文章

  1. Visual Studio 2017 设置透明背景图

    一.前言 给大家分享一下,如何为VS2017设置透明背景图.下面是一张设置前和设置后的图片. 设置前: 设置后: 二.设置背景图片的扩展程序 我们打开VS的扩展安装界面:[工具]->[扩展和更新 ...

  2. Android给TextView设置透明背景、圆角边框

    第一种方法:在drawable文件夹下新建一个文件设置背景样式 代码: 在drawable文件夹下面新建text_view_border.xml <?xml version="1.0& ...

  3. C++ 设置透明背景图片

    背景:            有两个图片,一个是目标背景图片, 一个是带有自身背景色彩的彩色图片            先将这彩色图片绘制到目标背景图片中, 这一步通过BITBLT就可实现.   但实 ...

  4. MBProgressHUD 设置透明背景

    MBProgressHUD 默认使用MBProgressHUDBackgroundStyleBlur 类型 MBProgressHUDBackgroundStyleBlur使用了毛玻璃效果 ,我们要把 ...

  5. 如何在IE8设置透明背景

    background:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F00000 ...

  6. CSS设置透明背景

    filter: alpha(opacity=40); background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); 通过改 ...

  7. MFC 可以设置背景色、字体、字体颜色、透明背景的 Static 静态文本控件

    MFC库里没有符合这个条件的控件,于是我自己写了一个,初步测试有效. 注:可以设置透明背景,但还不能做到透明度设置(如50%透明度) 如果设置了背景色,就不保留透明背景 默认背景色是透明的 [cpp] ...

  8. 如何做出透明背景的flash动画

    最近碰到了一个问题,做动画时怎么设置透明背景,字是白色的,网上搜了一下,发现可以这样做 在插入的flash代码中加入这一行代码就可以实现了 <param name="wmode&quo ...

  9. vscode 全透明背景图

    一.前言 08.02更新:已魔改插件 可以直接下载插件使用了 10.18跟新:已发布到vscode扩展  下载地址 下载后手动安装就ok了,具体配置安装后点开插件有说明的!!! 今天看到了博客园 这篇 ...

随机推荐

  1. C#部分试题实例

    1.在C#中,下列选项中自定义方法的语句错误的是().(选择一项) 正确答案:AD 解析:本题考查自定义方法的定义及调用.A项void是无返回值类型,D项定义方法的时候没有写返回值类型:故选AD. 2 ...

  2. 将JSON数据转换成JAVA的实体类

    思路:首先将JSON格式的数据转换成JSONObject,然后将JSONObject转换成Java的实体类(其中类属性包括List等类型) Java实体类: SearchFilter 类 1 publ ...

  3. PB窗口根据分辨率的大小调整窗口大小

    //来自:http://topic.csdn.net/u/20070105/09/88f3c417-6882-4e26-b622-0f9a0a9a65e0.html //给你个通用函数,在窗口的OPE ...

  4. SDWebImage之工具类

    SDWebImage使用了很多工具类来对图片的处理,比如获取图片类型.图片放大缩小.GIF图片处理.图片解压缩处理等.下面我们来看一下这几个工具类. 1.NSData+ImageContentType ...

  5. 【spring源码分析】IOC容器初始化——查漏补缺(一)

    前言:在[spring源码分析]IOC容器初始化(十一)中提到了初始化bean的三个步骤: 激活Aware方法. 后置处理器应用(before/after). 激活自定义的init方法. 这里我们就来 ...

  6. maven理论基础

    Maven介绍 Maven是一个Java项目管理和构建工具 Maven使用pom.xml定义项目内容,并使用预设的目录结构 在Maven中声明一个依赖项可以自动下载并导入classpath Maven ...

  7. 玩玩vs Git 中国版 Gitee

    下载vs  下载 Gitee.VisualStudio.vsix https://gitee.com/GitGroup/CodeCloud.VisualStudio/attach_files 去git ...

  8. maya2013卸载/安装失败/如何彻底卸载清除干净maya2013注册表和文件的方法

    maya2013提示安装未完成,某些产品无法安装该怎样解决呢?一些朋友在win7或者win10系统下安装maya2013失败提示maya2013安装未完成,某些产品无法安装,也有时候想重新安装maya ...

  9. Baidu WebUploader 前端文件上传组件的使用

    简介 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流I ...

  10. Android开发工程师文集-layout_weight讲解

    前言 大家好,给大家带来Android开发工程师文集-layout_weight讲解的概述,希望你们喜欢 Layout_weight的相关代码展示 <TextView android:layou ...