css - 显示两个帧,同时一个重叠另一个

标签 css iframe frame frameset

我试图在右下角显示一个小框架,如下图所示:

http://i.stack.imgur.com/dSHT1.jpg

我目前使用的是框架集,但如果需要我可以切换到 iframe。

我知道框架不好,但整个网站都是这样布局的。

如何让它们重叠而不是并排出现?

最佳答案

<iframe id="frame1"></iframe>
<iframe id="frame2"></iframe>
<iframe id="frame3"></iframe>

#frame1{
    position: static;
}

#frame2{
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 1;
}

#frame3{
    position: static;
}

根据需要修改顶部和左侧。

关于css - 显示两个帧,同时一个重叠另一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22057815/

相关文章:

CSS 不透明度不适用于在 iframe 中打开的 Adob​​e pdf 阅读器

python - 使用固定纵横比调整 Tkinter 框架的大小

jquery - 在窗口调整大小时删除 Highchart 数据标签

CSS 3D 立方体旋转到一边,父元素在旋转 90 度时错误地高于表面,但在 89.9 度时则不会

jquery - jQuery UI 选项卡中的深层嵌套 iFrame 在 Internet Explorer 中保持隐藏

jquery 和 html,单击链接时网站不会加载到 div 中

html - 设置 &lt;iframe >'s height to maximum document' s 高度

jquery - iframe 缩放宽度问题

emacs - 在 emacs 中使用两个框架时,如何防止编译缓冲区同时出现在两个框架中?

ios - View Controller 的 View 属性