将div覆盖在iframe上，iframe为视口的全尺寸+；然后使用iframe/page使div滚动？
如果您能提供任何帮助，我将不胜感激，请回复。以下是导致大量无薪加班的原因 我试图在iframe上覆盖一个div，iframe是浏览器视口的完整大小，但在滚动时也会使这个覆盖的div与下面的iframe内容一起移动。我还试图在iframe大于视口时只显示一组滚动条 支持的主要浏览器是OSX上的Safari，但如果有解决方案，则非常感谢其他跨平台浏览器对该解决方案的支持将div覆盖在iframe上，iframe为视口的全尺寸+；然后使用iframe/page使div滚动？,iframe,css-float,overlay,Iframe,Css Float,Overlay,如果您能提供任何帮助，我将不胜感激，请回复。以下是导致大量无薪加班的原因 我试图在iframe上覆盖一个div，iframe是浏览器视口的完整大小，但在滚动时也会使这个覆盖的div与下面的iframe内容一起移动。我还试图在iframe大于视口时只显示一组滚动条 支持的主要浏览器是OSX上的Safari，但如果有解决方案，则非常感谢其他跨平台浏览器对该解决方案的支持 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height:100%;">
<head>
<title>Prototype dashboard overlay selector</title>
<script type="text/javascript">
function GotoDashboard (sel) {
var url = sel[sel.selectedIndex].value;
window.location = url;
}
</script>
</head>
<body style="height:100%; margin:0px; padding:0px; background-color:white; overflow:auto;">
<div scrolling="auto" style="width:100%; height:100%; margin:0px; padding:0px;">
<div scrolling="auto" style="position:relative; display:block; width:100%; margin:0px; padding:0px; overflow:scroll;">
<form name="foo" style="position:absolute; z-index:999; border:0px; margin:0px; padding:0px; top:10px; right:200px;">
<select name="dashboardselector" onchange="GotoDashboard(this);" style="margin:0px; padding:0px; border:1px; background-color:red; font-color:white;">
<option value="">Select Dashboard</option>
<option value="http://www.google.co.uk">Foo</option>
<option value="http://www.amazon.co.uk">Bar</option>
</select>
</form>
<iframe src="http://www.bbc.co.uk" frameborder="0" width="100%" height="100%" scrolling="no" style="display:inline; overflow:visible; z-index:-1; margin:0px; padding:0px; width:100%; border:0px;">
</iframe>
<div>
</div>
</body>
</html>
原型仪表板覆盖选择器
功能控制板（sel）{
var url=sel[sel.selectedIndex].value；
window.location=url；
}
选择仪表板
福
酒吧