如何将 DIV 放在 FRAMESET 上?
我想在我的框架集上绘制 DIV 图层。我听说 DIV 可以放置在 内,但它对我不起作用。
下面的例子不起作用。我什至在 Firebug HTML 检查器中没有看到 DIV。
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Test of frameset with div</title>
<style type="text/css">
#flashContent {
position:fixed;
left:200px;
bottom:200px;
width:400px;
height:400px;
background-color:red;
z-order:1000;
}
</style>
</head>
<frameset rows="*,100px" style="z-order:10">
<frame src="content1.html">
<frame src="bottom.html">
<div id="flashContent">
Something
</div>
</frameset>
</html>
I want to have DIV layer drawn over my frameset. I heard that DIVs can be placed inside <frameset>
but it does not work for me.
The following example does not work. I don't even see DIV in Firebug HTML-inspector.
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Test of frameset with div</title>
<style type="text/css">
#flashContent {
position:fixed;
left:200px;
bottom:200px;
width:400px;
height:400px;
background-color:red;
z-order:1000;
}
</style>
</head>
<frameset rows="*,100px" style="z-order:10">
<frame src="content1.html">
<frame src="bottom.html">
<div id="flashContent">
Something
</div>
</frameset>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您无法将
DIV
放置在frameset
之上。实现的唯一方法是将您的DIV
放置在iFrame
上。至少对于较新的浏览器(没有 IE6)。根据您的代码示例,您必须绝对包含
z-index
属性来定位您的DIV
:You cannot position
DIVs
on top offramesets
. The only way to achieve is to position yourDIV
over aniFrame
. At least for newer browsers (no IE6).As per your code example you have to position your
DIV
absolutely including thez-index
property: