Question

我希望在我的框架集上绘制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>

Answer 1

您无法将DIVs置于framesets之上。要实现的唯一方法是将DIV置于iFrame之上。至少对于较新的浏览器（no IE6）。

根据您的代码示例，您必须将DIV置于绝对包括z-index属性的位置：

#flashContent {

  position: absolute;
  left: 200px;
  bottom: 200px;
  z-index: 2;

  width:400px; 
  height:400px; 
  background-color:red;
}

如何把DIV放在FRAMESET上？

1 个答案: