我有一个页面叫a.html,在此页面中我使用了iframe，链接页面为b.html,而在b.html页面中我有一个div用到了position:fixed样式，如果单独运行b.html,position:fixed样式是有用的，但是如果运行a.html页面，position:fixed样式就没有用了，我不想把定位的的层放到a.html中，请问有什么解决办法没有
4条评论
关注(0)2个答案 按时间排序 按投票排序
-
position：fixed是针对当前窗口的，一个frame就相当于一个窗口了，尽量放到最外层的frame中吧，要么用js自己实现。你可以参考一下：http://www.lofter.com/tag/Fixed，利用b的父窗口定位。
2013年4月18日 19:17
相关推荐
在提供的压缩包文件 "iframe中fixed失效问题" 中，可能包含了具体的代码示例或演示页面，你可以直接打开查看这些案例，以更好地理解和应用上述解决方案。实际操作时，需要根据具体项目需求和限制选择合适的方法，...
内容概要：以vue2为例，搭建一个...2、使用position: fixed解决iframe的弹窗及遮罩层问题 3、使用requestFullscreen()解决iframe里的全屏问题 4、使用history解决浏览器的后退问题 5、页面刷新，iframe可以加载正确页面
在CSS布局中，`position: sticky` 是一种特殊定位方式，它结合了 `position: relative` 和 `position: fixed` 的特性，适用于某些特定场景。`position: sticky` 在元素滚动到某个阈值之前表现得像 `position: ...
确保下拉菜单的定位方式正确，如`position: absolute`或`position: fixed`，并合理设置`top`, `left`, `right`, `bottom`属性，以避免被`iframe`遮挡。 #### 3.5 避免使用iframe 如果以上方法都无效，或者`iframe`...
`iframe`和`object`标签在iOS上的渲染有时也会引起`fixed`定位失效，尽量减少或避免在关键位置使用这些标签，以减少问题出现的可能性。 7. **更新和兼容性检查** 确保所有的库和框架都是最新版本，因为开发者可能...
当有多个 `iframe` 并存时，可能会出现重叠或者层级问题，特别是当其中某个 `iframe` 中有一个需要突出显示的 `div` 元素时。这个问题的关键在于理解 `z-index` 和层叠上下文的概念，以及如何正确地应用它们来确保...
这种技术结合了`iframe`元素和自定义的对话框（dialog）设计，通常由`div`元素构建，并通过JavaScript或者jQuery等库来控制其行为。下面我们将深入探讨`iframe`、`div`以及`dialog`的相关知识点。 **1. iframe...
Iframe 可以加载不同域名下的内容，但需要注意安全性和性能问题。 ### 四、示例代码解析 1. **获取页面尺寸信息**：`getNavWidthandHeightInfo()` 函数通过一系列 DOM 属性获取了页面的各种尺寸信息，如页面的宽高...
其中，`src`属性定义了要加载的外部资源的URL，`width`和`height`分别用于设定`iframe`的宽度和高度。 描述中提到的"在其他页面上层悬浮div"，这涉及到CSS的布局技巧。`div`是一种常见的HTML块级元素，常被用来做...
这通常通过设置`position: fixed`和适当的`top`, `right`, `bottom`, `left`值来实现。然而，在ie9及更高版本中，由于浏览器的渲染引擎更新，单纯应用这些CSS可能无法达到预期效果，可能会导致后方页面内容随滚动条...
position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: none; /* 初始状态下隐藏遮罩层 */ } <iframe id="iframe" src="right....
2. **iframe通信**：主页面和子页面之间的通信可以使用`window.postMessage` API来实现，这样可以传递关于滚动位置和需要冻结表头的信号。 3. **CSS定位**：在子页面中，使用CSS的`position: fixed`属性可以实现...
例如，使用`position: fixed`可以使弹出层始终位于屏幕中央，`z-index`属性用于确保弹出层位于其他元素之上。 3. **JavaScript/jQuery**：弹出层的动态行为（如打开、关闭、大小调整等）通常由JavaScript或jQuery...
在CSS布局中，元素重叠和`position`定位的`z-index`顺序是常见的问题，尤其是在复杂的网页设计中。本文将深入探讨这个问题，以便更好地理解和解决问题。 首先，我们需要理解元素的默认行为。在HTML文档中，元素按照...
因此，在IE6中实现浮动广告通常需要采用其他方法，如使用`position: absolute`配合`expression`属性，或者利用`iframe`来模拟`position: fixed`的效果。`expression`是IE特有的CSS表达式，可以将CSS属性与JavaScript...
position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } #popup-iframe { width: 80%;...
可以设置其样式，如`position: fixed`使其固定在屏幕中央，`display: none`使其初始为隐藏状态，然后在需要时通过JavaScript更改这些属性使其可见。此外，我们还需要处理`div`的关闭逻辑，比如点击关闭按钮或点击...
position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: none; } <!-- 其他页面内容 --> <iframe class="mask" src=...
在CSS布局中，元素的位置和重叠是一个关键概念，尤其涉及到`position`定位和`z-index`属性时，这些问题往往会让开发者感到困扰。本文将深入探讨元素重叠的背景知识，以及`position`定位下的`z-index`顺序。 首先，...
创建一个高度等于所需固定区域高度的`iframe`，并将`iframe`的`position`设为`fixed`，然后将其内容设置为包含实际头部内容的HTML。这种方法可以避免`expression`带来的性能影响，但需要额外的HTML结构，并且在处理...