微信扫一扫6.0w+
社区成员
如何让一个框架里面超过范围的layer不被遮盖，谢谢
上下式框架
上面是菜单，下面是相应的显示内容
上面的菜单是用层来做的，如果菜单很长会被遮住，有什么办法可以不被遮住呢
多谢各位大侠指点
上面是菜单，下面是相应的显示内容
上面的菜单是用层来做的，如果菜单很长会被遮住，有什么办法可以不被遮住呢
多谢各位大侠指点
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
cxty 2004-05-09
window.createPopup();
- 打赏
- 举报
wanghr100 2004-05-09
只能用pop要IE5.5+支持.
demo.htm
<html>
<head>
<title>网页跨框架菜单 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="92,*" cols="*" framespacing="4" frameborder="yes" border="4">
<frame src="top.htm" name="topFrame" scrolling="NO" >
<frame src="bottom.htm" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>
top.htm
<html>
<head>
<title>MSDN的示例</title>
<script>
var oPopup = window.createPopup();
function richContext()
{
var lefter2 = event.offsetY+0;
var topper2 = event.offsetX+15;
oPopup.document.body.innerHTML = oContext2.innerHTML;
oPopup.show(topper2, lefter2, 210, 84, contextobox);
}
</script>
</head>
<body>
<span id="contextobox" style=" cursor:hand; margin-left:5px; margin-right:10px; background:#e4e4e4; width:300; height:40; padding:20px;" oncontextmenu="richContext(); return false" >Right-click inside this box.</span>
<DIV ID="oContext2" STYLE="display:none">
<DIV STYLE="position:relative; top:0; left:0; border:2px solid black; border-top:2px solid #cccccc; border-left:2px solid #cccccc; background:#666666; height:110px; width:207px;">
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com';">
Home</DIV>
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://search.microsoft.com';">
Search</DIV>
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com/ie';">
Intenet Explorer</DIV>
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com/info/cpyright.htm';">
©2001 Microsoft Corporation</DIV>
</DIV>
</body>
</html>
bottom.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
</body>
</html>
demo.htm
<html>
<head>
<title>网页跨框架菜单 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="92,*" cols="*" framespacing="4" frameborder="yes" border="4">
<frame src="top.htm" name="topFrame" scrolling="NO" >
<frame src="bottom.htm" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>
top.htm
<html>
<head>
<title>MSDN的示例</title>
<script>
var oPopup = window.createPopup();
function richContext()
{
var lefter2 = event.offsetY+0;
var topper2 = event.offsetX+15;
oPopup.document.body.innerHTML = oContext2.innerHTML;
oPopup.show(topper2, lefter2, 210, 84, contextobox);
}
</script>
</head>
<body>
<span id="contextobox" style=" cursor:hand; margin-left:5px; margin-right:10px; background:#e4e4e4; width:300; height:40; padding:20px;" oncontextmenu="richContext(); return false" >Right-click inside this box.</span>
<DIV ID="oContext2" STYLE="display:none">
<DIV STYLE="position:relative; top:0; left:0; border:2px solid black; border-top:2px solid #cccccc; border-left:2px solid #cccccc; background:#666666; height:110px; width:207px;">
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com';">
Home</DIV>
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://search.microsoft.com';">
Search</DIV>
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com/ie';">
Intenet Explorer</DIV>
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com/info/cpyright.htm';">
©2001 Microsoft Corporation</DIV>
</DIV>
</body>
</html>
bottom.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
</body>
</html>
- 打赏
- 举报
wangjuping 2004-05-09
layer跨框架显示，好像不行吧
- 打赏
- 举报
congcong818 2004-05-08
不用框架，或者在菜单下放一个图片或者flash将上框架撑大。
楼主想要layer跨框架显示，不知道能不能做到，帮你顶一下。
楼主想要layer跨框架显示，不知道能不能做到，帮你顶一下。
- 打赏
- 举报
解决DIV层被OBJECT、SELECT控件遮盖问题 使用IE6、7时，SELECT控件不能被DIV遮盖。OBJECT控件也不能被DIV遮盖。究其原因，大多表单控件或HTML控件是使用浏览器本身渲染绘制，因此层次可以由浏览器自身控制。而SELECT控件是Windows窗口控件，同样可见型...
Layer被遮罩覆盖无法操作的问题 在iframe中使用的layer，估计是用到了父框架的layer，导致layer认为隐藏的div不是body 的根目录下，所以被放在了遮罩层后面 解决办法： 没有发现根本问题，用简单的方法解决了，分别在success和end后增加一个设置...
layui框架中下拉框被遮挡的问题记录 如图所示，layui在页面渲染时，如果不渲染数据表格的话，会将其上方的下拉框给挡住。因为这个问题遇到很多次，因此记录下来。 问题解决： 下拉框使用的是jq插件dropdown，数据表格及页面渲染都是使用layui。 首先...
layer弹出层显示在top顶层 现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层...
五分钟搭建一个基于BERT的NER模型 BERT在做下游的有监督nlp任务时就像一个做了充足预习的学生去上课，那效果肯定事半功倍。之前的word2vec，glove等Word Embedding技术也是通过无监督的训练让模型预先掌握了一些基础的语言知识，但是wo
前端框架layui下拉框被遮挡问题 在使用layui做下拉框选项的时候发现有时候下拉框会被遮挡或者根本就出不来的现象于是看了一下审查元素发现原本的div只有这么大仔细找了一下发现是layui自带的class属性问题，overflow:hidden，所以下拉框出现的内容...
layer弹出层取消遮罩 layer 只是作为 layui 的一个弹层模块 layer弹出层取消遮罩 笔者认为 跟 layer弹出层非模态对话框类似 layer.open({ title: '在线调试', content: '可以填写任意的layer代码', shade:0 }); shade - 遮罩 类型：...
NLP这两年：15个预训练模型对比分析与剖析 NLP这两年：15个预训练模型对比分析与剖析 https://www.toutiao.com/i6742415474396496387/ 前言 在之前写过的《NLP的游戏规则从此改写？从word2vec, ELMo到BERT》一文中，介绍了从word2vec到ELMo再到BERT...
layer遮罩层 简单的遮罩层 在这里提供一个简单layer遮罩层，想深入了解可以进入layer官网多多学习哦。 先看下HTML页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...
layer 插件与datetimepicker插件层叠冲突 AJAX 异步传值 返回值用layer弹出显示，显示的时候有一个input时间框，使用的是datetimepicker, 点击时时间插件不显示出来，but,返回页面作为一个独立网页打开时时间插件点击是可以显示的。搜了百度，看了下大神们的...
layer弹窗 datetimepicker时间插件 做项目中使用了datetimepicker时间插件，但是让我郁闷的是datetimepicker这个插件在layer遮罩层中点击根本不起作用，问 了旁边的同事，才解决。 分析问题： 我们在使用datetimepicker时间插件时，是在script中...
XLNet 详解（看不懂你来骂我） BERT 带来的震撼还未平息，来自卡耐基梅隆大学与谷歌大脑的研究者又提出新型预训练语言模型 XLNet，在 SQuAD、GLUE、RACE 等 20 个任务上全面超越 BERT 作者表示，BERT 这样基于去噪自编码器的预训练模型可以很好地...
layer图层常见属性 把layer常见图层属性总结了一下^-^欢迎大家讨论~~~~来吧 ，代码属性#import "CZViewController.h" @interface CZViewController () @property (nonatomic, strong) UIView *myView; @property (nonatomic, ...
ios中的动画小结（view层次和layer层次） （一）.在view层次上的动画 一、动画简单实用 /** setAnimationDelay的时间间隔一般设置在0.25～0.35s*/ //————方法1 ——— CGRect f = view.frame; f.origin.y += 250; [UIView ...
机器翻译Transformer框架分析笔记 | Attention is all you need 个人笔记使用，记录简短，如果有人看到了这篇文章，请直接拉到本文最后，看参考的那几篇文章，写的比较好，一看就懂。 〇、笔记中对Encoder-Decoder Attention理解有误 此注意力中的输入Q K V 其中K V应该是从编码器...
layui弹出层页面太大被遮挡的问题 最近项目开始使用layui作为前端的框架开发新系统，遇到一个问题，记录如下： layui弹出层如果使用layer.full(index); 显示在页面内容比较多的时候，会出现被遮挡的情况；此时使用 area: ['100%', '100%'], ...
