一个层的定位有关问题-PHP教程-爱易网页

一个层的定位有关问题

日期：2014-05-17　浏览次数：20696 次

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

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

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

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

我该怎么做。

我想这样写了

CSS code



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

<div id="load" style="display:none;"><img id="img_load" src=""></img></div>

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


<!--index.php-->
<script type="text/javascript" src="javascript/jquery_1.4.2.js"></script>
<div id="ifr">
            <iframe id="iframe" name="showMap" width="100%" height="600" src="map.php"></iframe>

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

------解决方案--------------------
好吧，我承认是着急了点，还是把上面的帖子移除吧，这是个可测试的：
在iframe的父级页面和元素页面必须都连接上<script type="text/javascript" src="jquery_1.4.2.js"></script> 才管用
HTML code
<!--index.html-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery_1.4.2.js"></script> 
</head>

<body>
<div id="show3dmap" style="border:solid 1px">此div的宽高与body相当
  <div id="ifr"> 
    <iframe id="iframe" name="show" width="100%" height="600" src="cont.html"></iframe> 
  </div>
</div>
</body>
</html>

<!--cont.html-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery_1.4.2.js"></script>
</head>

<body>
<div>这是子页面
<input type="button" id=&q

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

一个层的定位有关问题

相关资料更多>

推荐阅读更多>