如何将 DIV 放在 FRAMESET 上?

发布于 2024-12-29 09:51:32 字数 721 浏览 0 评论 0原文

我想在我的框架集上绘制 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

天邊彩虹 2025-01-05 09:51:32

您无法将 DIV 放置在 frameset 之上。实现的唯一方法是将您的 DIV 放置在 iFrame 上。至少对于较新的浏览器(没有 IE6)。

根据您的代码示例,您必须绝对包含 z-index 属性来定位您的 DIV

#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;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文