Html 在chrome或firefox中,iframe下的链接不可单击

Html 在chrome或firefox中,iframe下的链接不可单击,html,iframe,Html,Iframe,我已经创建了一个iframe来保存我网站的导航。导航具有下拉元素。工作得很好-但是,页面上iframe区域下的链接不再正常工作。我尝试过使用z-index,但它一次只允许div区域的一个链接起作用。我需要能够同时使用iframe中的链接和页面上的链接?这些元素被正确地保存在它们的框架内 我强烈建议不要以这种方式使用进行导航,原因如下: 搜索引擎通常不会链接到您的框架集,而是链接到您的内部页面 安置问题,比如你现在遇到的问题 屏幕阅读器混乱和其他可访问性问题 这个网站有很多很多页面,我不想每次导

我已经创建了一个iframe来保存我网站的导航。导航具有下拉元素。工作得很好-但是,页面上iframe区域下的链接不再正常工作。我尝试过使用z-index,但它一次只允许div区域的一个链接起作用。我需要能够同时使用iframe中的链接和页面上的链接?

这些元素被正确地保存在它们的框架内

我强烈建议不要以这种方式使用
进行导航,原因如下:

  • 搜索引擎通常不会链接到您的框架集,而是链接到您的内部页面
  • 安置问题,比如你现在遇到的问题
  • 屏幕阅读器混乱和其他可访问性问题

这个网站有很多很多页面,我不想每次导航发生变化时都更新所有页面。所以,我需要能够做的是单击下拉列表中的链接或单击页面上的链接。两者都需要发挥作用。适用于浏览器,但不适用于Chrome或Firefox。有没有一种方法可以在不使用z索引的情况下点击链接?使用某种形式的服务器端包含,这样您就不必每次都这样做。因为您的导航已经被拆分,所以在文件中查找和替换应该很简单。我认为您不会找到一个与iFrame一致的解决方案。请尝试使用某种形式的服务器端模板,例如,它允许您制作部分模板并将其包含在其他模板中。您还可以在客户端使用javascript和类似的模板库(、、等)来完成此操作