一个层的定位有关问题

求助一个层的定位问题
一个后台页面，
内空页面是在一个iframe里面显示的。

现在在内容页面，要加一个浮动层（显示一个等待的效果）。

结果那一个层只覆盖了内容页框架的内容。

我的要示是：覆盖整个页面，（也就是说，浮动层可以覆盖框架外的内容），

我该怎么做。

我想这样写了

CSS code

#load{padding:10px;
 width:600px;height:300px;
 display:block; 
 position: absolute;
 top:50%;
 left:50%;
 margin-left:-300px;
 margin-top:-150px;}

JS 是这样写的。

$("#load").css("display","block");
$("#img_load")[0].src='/data/images/img_load.gif';




------解决方案--------------------
jquery 直接用div 弹出插件.设置 插件弹出的比例即可...不过 我忘记了那插件名字了.嘿嘿
------解决方案--------------------
jqModal
------解决方案--------------------
O(∩_∩)O哈哈~，我刚刚做了这个项目，给你点经验：

jQuery 操作IFRAME

DOM方法：

父窗口操作其下的IFRAME：window.frames["iframeName"].document

或者直接写frames["iframeName"].document

IFRAME操作父窗口: window.parent.document

或者直接写parent.document



jquery方法:

在父窗口中操作 其下IFRAME中的元素： $(window.frames["iframeName"].document).find(”:text”);

在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(”:text”);



使用find可以找到自己想要的东东。

想要找到同级的iframe，可以用$(parent.frames["iframeName"]).find("xxxxxx")



细心的朋友一下就能理解，原理其实很简单，就是用到了$(DOM对象)转换成jquery对象。

例子：

HTML code

            

------解决方案--------------------
你们要是真心的帮助LZ，那么就请贴出可供测试的代码
否则，我就要将此贴移动了

------解决方案--------------------
好吧，我承认是着急了点，还是把上面的帖子移除吧，这是个可测试的：
在iframe的父级页面和元素页面必须都连接上 才管用
HTML code





此div的宽高与body相当
  
 
     
  








这是子页面




");
});
$("#full").live("click",function(){
  //$(window.parent.document).find("#iframe").css({'display':'none','visibility':'hidden'});
  $(window.parent.document).find("#show3dmap").css({'display':'none','visibility':'hidden'});
  $(window.parent.document).find("body").append("
"+
      "这里的宽和高是含iframe的父级页面的宽和高，即当前浏览器的可视窗口大小(自定义)
可定义按钮来关闭此div:
");
});
//close
$(window.parent.document).find("#btn").live("click",function () {
            //$(window.parent.document).find("#iframe").css({'display':'block','visibility':'visible'});
            $(window.parent.document).find("#show3dmap").css({'display':'block','visibility':'visible'});
            $(window.parent.document).find("#div").remove();
        });


 

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。
相关文章
相关视频

• 教你使用PHP数据库迁移工具“Phinx”
• 详解win10下PHP的安装配置（以php5.6为...
• php Swoole实现毫秒定时计划任务（详解）
• CodeIgniter基本配置详细介绍_PHP
• 一个层的定位有关问题

• HTML基础教程之<strong>和<em>
• HTML基础教程之<span>标签
• HTML基础教程之<meta>标签
• HTML <div> 和<span>
• JavaScript数组对象属性length和二维数组