为什么我的iframe会导致页面的其余部分变为空白？
为什么我的iframe会导致页面的其余部分变为空白？
提问于 2020-12-11 23:34:23
我试图做一个iframe嵌入到任何网页，它只显示为一个按钮，在一个网页的右下角，当点击打开一个约100 in乘100 in框，也是嵌入在网页的右下角。问题是，每次我将iframe放在页面上时，页面中间的内容就会变为空白。下面是iframe的代码：
<iframe src="ka.html" title="KA"
style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px"
height="100%" width="100%">
</iframe>我试过编辑样式，但我不确定样式是否是问题所在。iframe使用html文件和js代码。我可能需要一些帮助来找出问题的来源和我如何解决它。我真的很感激我能得到的任何帮助。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-12-11 23:46:38
如果我理解了你对问题的描述，风格就是原因。
position: absolute和0(上/左/下/右)的组合将导致iFrame覆盖具有position: relative的第一个祖先元素(如果没有，则为body元素)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65260029
复制相关文章
相似问题
腾讯云开发者
