DIV挡住iframe显示，怎么修改CSS
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DIV挡住iframe显示，怎么修改CSS相关的知识，希望对你有一定的参考价值。
实现功能：点击链接，弹出iframe框架，但是被导航栏挡住了iframe的显示。效果如图。 导航栏式DIV所写的。测试代码:www.mayi163.com/iframecss.rar(内有文件"1.htm,2.htm,CSS和导航图片") 麻烦大家帮我看看CSS哪儿不对，帮我改改，修改后麻烦您把修改过的CSS贴这下面。谢谢。
把框架的z-index属性设置为较大数，将导航栏设置为小一点的数就可以了么 注意在使用z-index的元素要设置position属性，不让不会起作用的。 参考技术A 给iframe position：absolute;z-index:9999;给导航 position：absolute；z-index:1;
弹出就可以 如果iframe外面有父级DIV也需要给父级div position：absolute;z-index:9999;
iframe，已实现自适应高度，浏览器若没有全屏，则高度变小，内容只显示部分，无滚动条，怎么解决？
<div style="width:800px; float:left; ">
<!--右侧执行区域框架-->
<iframe id="iframe3" width="800" height="100%" scrolling="no" frameborder="0" src="basic_infor.aspx"
onload="this.style.height=parseInt(window.frames[3].document.body.scrollHeight);"></iframe>
</div>
该代码为框架部分，实现自适应。
若IE浏览器小窗口，则内容只显示窗口大小的部分，其他的不显示，不管是浏览器还是内部框架都没有滚动条，请高手指教一下
我指的是高度，宽度不用考虑。
你没明白我的意思，浏览器窗口弹出来的时候，如果不是全屏的话，那么我的网页宽度没改变，因为固定的，高度因为是自适应的，取的又是浏览器窗口的高度，所以导致浏览器窗口变矮，网页的内容也只能显示一部分，没显示出来的部分是完全看不到的，也没有滚动条之类的东西，要想全都显示，只能刷新页面。
<!--右侧执行区域框架-->
<iframe id="iframe3" height="100%" scrolling="no" frameborder="0" src="basic_infor.aspx"
onload="this.style.height=parseInt(window.frames[3].document.body.scrollHeight);"></iframe>
</div>
看看这样行不行
另外 如果要浏览器滚动条不显示 在body里加个
<body scroll=no>
下面是谁复制我答案的？？？？晕死了本回答被提问者采纳 参考技术C <div style="width:800px;height:100%; float:left; ">
<!--右侧执行区域框架-->
<iframe id="iframe3" height="100%" scrolling="no" frameborder="0" src="basic_infor.aspx"
onload="this.style.height=parseInt(window.frames[3].document.body.scrollHeight);"></iframe>
</div> 参考技术D 重新下载个浏览器试试看。
以上是关于DIV挡住iframe显示，怎么修改CSS的主要内容，如果未能解决你的问题，请参考以下文章
div+css中怎样在父盒里加背景图片并且都显示出来不被子盒子中的背景图片所覆盖