0

我正在尝试通过 iframe 加载导航标题,以便各种网站都可以拥有相同的导航栏。我知道还有其他方法可以实现这一点(例如 jQuery 加载),但我想尝试让它与 iframe 一起使用。为了让它工作,我给了 iframe 整个页面的大小。

http://jsfiddle.net/7sLfq433/1/

不幸的是,使用此代码无法单击 iframe 下方的项目。我能够通过提供 iframe 来解决这个问题pointer-events: none;

http://jsfiddle.net/7sLfq433/2/

但是,有了这个属性,就不可能使用任何导航栏操作。

是否可以关闭pointer-events除导航栏以外的所有内容?如果可以修改导航栏本身 ( https://gist.github.com/dehli/bdddc8b66151b0a87643 ) 以便在包含 iframe 时只需进行最少的更改,那将是理想的选择。

另一种选择是为 iframe 提供较低的 z-index,并修改下拉菜单,使其具有较高的 z-index。是否可以修改 iframe 中内部元素的 z-index?

http://jsfiddle.net/7sLfq433/4/

4

0 回答 0