层不能跨框架（包括TEXTAREA）显示的解决办法

最新推荐文章于 2023-10-19 19:39:43 发布
原创 最新推荐文章于 2023-10-19 19:39:43 发布 · 264 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种简单的方法来解决网页中层无法跨框架显示的问题。通过在一个需要跨框架显示的层内嵌入iframe，可以有效地使该层跨越TEXTAREA等元素显示出来。

层不能跨框架（包括TEXTAREA）显示的解决办法

这个问题尤其在写菜单的时候经常遇到，即：一个页面内的“层”无论z-index设的多么大，只要遇到框架等便被截了：（
其实解决办法很简单，在要跨框架的层里加入<iframe>即可解决：
<div style="position:absolute;width:140;height:200;z-index:10"><iframe src="menu.asp" width='100%' height='100%'></iframe></div>
<div style="postion:absolute;top:50;width=500;height:500;z-index:1">
<textarea>aaaaaaaaaaa</textarea>
</div>

ssyzbyyc
关注
【前端知识梳理】HTML篇 笔记整理（一）
超逸の学习技术博客
03-28 1870
写在开头 大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。 一直想着成为一个up主，正值时间挺多的，4月份左右面试的面经我会制作视频去分...
公开揭密团队成员开发鸿蒙 OpenHarmony 的完整过程(收获官方7k奖金和开发板等，2w字用心总结)
Wscats
11-22 7884
背景 随着 OpenHarmony 组件开发大赛结果公布，我们的团队成员被告知获得了二等奖，在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享，当我们看到参赛通知的时候已经是 9 月中旬的时候，此时已经是作品可以提交的时间了，参考了一些其他作品发现，基于 Canvas 开发的组件目前还没有，那我们就开始计划写一个基于 Canvas 和通用组件一起开发的组件，在这之前由于并没有开发过 OpenHarmony 应用，我们团队成员都没有相关的经验，大家从零开始在摸索，我们首先分工合作，有的成员负责去下载
跨框架iframe菜单显示
fengyunsky
03-29 3983
<!--v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);}--> Normal 0 7.8 磅 0 2
跨Frame下拉菜单
02-25
跨Frame下拉菜单跨Frame下拉菜单跨Frame下拉菜单
javascript跨框架显示div
xhbmj的专栏
12-23 3593
项目中碰到需要跨框架显示div的问题，百度了一下，搜集了一下群众的智慧，特整理出下面这个例子 本例共有4个页面： index.html frame.html frame-top.html frame-main.html
菜单跨iframe显示-参考
fengyunsky
03-15 2580
能够盖住   iframe   的方案有三个:     1.   OBJECT   type="text/x-scriptlet"     dhtml  scriptlet已经过期        不太好控制,   可写的数据量太小,火狐浏览器不兼容onmouseover="menu1.style.display=;"  onmouseout="menu1.style.dis
十四、Django框架使用
热爱不止，前行不息
10-19 1501
Django是劳伦斯出版集团的开发人员为开发新闻内容网站而设计出来的一个软件，它遵循MVC思想，但是有自己的一个名词，叫做MVT。Django遵循快速开发和DRY原则。Do not repeat yourself.不要自己去重复一些工作。它提供了许多有用的工具和功能，使开发者能够轻松地构建高度可拓展、安全、高性能的 Web 应用。强大的路由系统：Django 提供了易于配置和管理 URL 路由的功能，使开发者能够定义页面和应用程序的 URL 映射。
前端一面常见vue面试题汇总
bb_xiaxia1998的博客
02-27 477
的问题主要有三个：Proxy的优势如下:proxy详细使用点击查看(opens new window)Object.defineProperty的优势如下:defineProperty的属性值有哪些 相关代码如下 只会代理对象的第一层，那么又是怎样处理这个问题的呢？监测数组的时候可能触发多次get/set，那么如何防止触发多次呢？组件通信的方式如下：父组件通过向子组件传递数据，子组件通过和父组件通信 2. 子组件向父组件传值 绑定一个自定义事件，当这个事件被执行的时就会将参数传递给父组件，而父组件通过监
2021最新最全前端面试题（包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等）
datian45678的博客
06-22 1856
整理了一些前端面试题，希望对正在找前端工作的伙伴有用。本篇文章内容篇幅较大，主要针对初中级前端开发工程师。 篇幅过长，大家可以先点赞收藏以后慢慢看。 关于HTML 的title和alt属性有什么区别 alt：图片加载失败时，显示在网页上的替代文字 title：鼠标（手机端该属性无意义）放在图片上时显示的文字 alt是必需属性（但属性值可为空），title非必需 图片懒加载的原理 图像是img标记，浏览器根据图像的src属性请求图像，因此惰性加载的关键是当图像不在可视区域时，不给`imgs‘赋值。 懒加载
跨框架的弹出层
weixin_33991418的博客
01-28 204
对于跨框架弹出层这个问题，相信很多的朋友都遇到过，本人也是研究了很久，小有成就，在此与大家分享一下。首先要感谢“ZH CEXO”这位网友，本人的成就是基于在他的基础上的。要看原文请点击http://www.zhcexo.com/how-to-put-div-over-frame/，本人在此不再详述。 首先看效果预览图：画红边框的代表是三个iframe框架 ...
WdatePicker日历控件使用方法
weixin_30246221的博客
08-10 1363
1. 跨无限级框架显示 无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的 示例2-7 跨无限级框架演示 可无限跨越框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕 2. 民国年日历和其他特殊日历 当年份格式设置为yyy格式时,利用年份差量属性yearOff...
服务管理框架的尝试
系统运维
03-20 145
大型软件系统开发需要模块化，在分布式系统中，模块化通常是将功能分成不同的远程服务（RPC）来实现。比如可以用Java RMI、Web Service、Facebook开源的Thrift等一些技术。同样，在一个大型系统中，服务化之后服务的可维护、可管理、可监控以及高可用、负载均衡等因素同服务本身同样重要。 服务管理目前并无直接解决方案，Thrift作者Mark Slee提到 It’s ...
跨iframe显示内容
生活不止眼前的苟且
12-13 791
公司后台管理系统是用frameset frame布局的如下： 现在需求是在top页面里面加一个按钮，但在right页面显示，一开始觉得应该很容易，但费了九牛二虎之力，都没能实现（可能是本人js能力有限），看了网上其他人的意见，有了一些思路：要想直接去跨frame域基本是不可能的，可以将父页面转换成div iframe结构，子页面再通过jquery对父页面中的div进行样式修改，传数据等，问题完美解
跨浏览器实现textarea自动获得焦点的兼容性解决方案
能够获得焦点的元素包括`<input>`, `<textarea>`, `<button>`等。使用JavaScript可以控制哪个元素获得焦点，或者监听焦点事件，比如`focus`和`blur`。 ### 知识点三：`<textarea>`元素获得焦点的方法 要使`...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值