div层做的下拉菜单被同一页面的ifram挡住了怎么办？

Posted 2023-05-10

参考技术A 如果div是绝对位置的话，设置z-index=1；如果ifram也设置了z-index的值，那div的z-index的值要比ifram的值大。 参考技术B DIV做成和iframe同级就行了（同一页面），在设置Z-index的值！

判断页面是否被嵌入iframe里面

最近在做一个项目，是一个小型的后台管理系统，这个系统可以单独打开，也可以嵌入公司大型的后台管理项目里面
这样就存在一个问题，在被嵌入大的后台管理系统后，不用显示该页面顶部导航栏和左侧的菜单栏
所以我们在项目里面就要做判断，当没有被嵌入iframe里面时，应该正常显示，否则隐藏左侧和顶部

window.self === window.top
//1. 如果返回false –> 说明页面被嵌套在iframe中了 
//2. 如果返回true –> 说明页面并没有被嵌套在iframe中 

上面的代码是判断当前的窗口是不是顶层窗口（判断当前的窗口有没有被嵌套在别的窗口中 ）
如果window.top = window.self 表示没嵌套 当前窗口就是顶层窗口