如何把DIV放在FRAMESET上?(How to put DIV over FRAMESET?)
我想在我的框架集上绘制DIV图层。 我听说DIV可以放在<frameset>里面,但它对我不起作用。
以下示例不起作用。 我甚至没有在Firebug HTML-inspector中看到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>最满意答案
您不能将DIVs放在framesets之上。 唯一的方法是将您的DIV放在iFrame 。 至少对于较新的浏览器( 没有IE6 )。
根据您的代码示例,您必须绝对定位您的DIV包括z-index属性:
#flashContent { position: absolute; left: 200px; bottom: 200px; z-index: 2; width:400px; height:400px; background-color:red; }You cannot position DIVs on top of framesets. The only way to achieve is to position your DIV over an iFrame. At least for newer browsers (no IE6).
As per your code example you have to position your DIV absolutely including the z-index property:
#flashContent { position: absolute; left: 200px; bottom: 200px; z-index: 2; width:400px; height:400px; background-color:red; }更多推荐
发布评论