关于iframe中菜单被遮挡的问题求助

weiyulin510037 2020-09-14 12:40:48

一个导航页面，里面有菜单

需要此导航的页面会使用 iframe 包含他

<iframe src="../top/Page_Top.html" style=" border-style:none;width:100%;"></iframe>

但是菜单会被遮挡

求给个思路，谢谢！！！！！

...全文

5693 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

weiyulin510037 2020-09-14

打赏
举报

回复

问题我自己解决了。。解决方法为：将导航做成模板文件，然后在前台使用 ajax ashx 的方式打印出来

風灬雲 2020-09-14

打赏
举报

回复

自己的页面为什么要用iframe。。。iframe一般用于解决跨域的页面引用自己的可以用 require.js 做成公共组件

在我们开发的时候，经常会遇得到一些网站，头部和尾部一毛一样，这样头部尾部相同的网站，怎么都不可能把头部和尾部重新书写一遍吧，不仅浪费时间还显示的是自己的网站代码重复率比较多，显示自己没有水平。所以需要我们经常会把这样重复的头部和尾部都单独提出来，制作成一个独立的网页，然后通过iframe框架进行引入。如果公共头部中有对应的一级导航和二级菜单导航的胡被遮住这可怎么解决呢？各种网站和各种公众号上面方法使用了js，但是js比较麻烦，并且代码粘贴下来使用的时候会出现问题，跑不起来，接下来由我提供给你们一个简单快速高

前些天一直纠结菜单和主页面两个iframe的互相重叠问题，本来以为解决菜单的遮罩就够了，没想到子菜单与主页面重叠的部分因为被遮挡而无法执行相应的鼠标事件，遂上网寻找解决办法，并根据一哥们的思路实现了通过鼠标的移动实现界面z-index的互相切换，代码展示的只是一个思路，希望对大家有帮助~ 页面a.html function Cha

准备工作是建立测试工程，sdk4.6，创建一个新的Flex工程，引入flex-iframe-1.5.1.swc，工程样例代码如下： xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"

问题现象：效果：  <button class="roll-nav roll-right J_tabCloseOther"><i class="fa fa-close"></i>其他</button> <button class="roll-nav roll-right J_tabCloseAll"><i class="fa fa-window-clo.

我们经常看到二级选单被flash或者iframe挡住, 此时设定再高的z-index也无效, 解决方法: (1)通常使用iframe引用一个flash时是这样写的: <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/lZqrG1bdGtg" f...

61,126

社区成员

60,707

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章