Html 下拉菜单位于图像下方

今天我在我的网站上遇到了一个奇怪的经历

当我将鼠标悬停在“服务”菜单上时，下拉列表将位于该菜单下的“图像”部分下方。我尝试了所有可能的方法，比如定位和z-index等，谷歌搜索了很多，HTML和CSS仍然不错，这是对我的考验

此主题已购买，因此无法发布代码。你可以从网站上查看

---

请帮帮我

删除

.main

类上的z-index属性

.main {
  z-index: 1; /* this is causing your problems */
}

---

删除

.main

类上的z-index属性

.main {
  z-index: 1; /* this is causing your problems */
}

---

删除

.main

类上的z-index属性

.main {
  z-index: 1; /* this is causing your problems */
}

---

删除

.main

类上的z-index属性

.main {
  z-index: 1; /* this is causing your problems */
}

---

这是相当困难的，因为有这么少的独特类的关键了。问题的根本原因是，z索引高于菜单的元素将z索引应用到DOM树的更高位置，从而使其呈现在顶部。如果

#aq-block-8801-5

块始终是导航菜单容器，那么我能想到的最好方法就是应用以下内容

#aq-block-8801-5 {
  position: relative;
  z-index: 2;
}

---

这是相当困难的，因为有这么少的独特类的关键了。问题的根本原因是，z索引高于菜单的元素将z索引应用到DOM树的更高位置，从而使其呈现在顶部。如果

#aq-block-8801-5

块始终是导航菜单容器，那么我能想到的最好方法就是应用以下内容

#aq-block-8801-5 {
  position: relative;
  z-index: 2;
}

---

这是相当困难的，因为有这么少的独特类的关键了。问题的根本原因是，z索引高于菜单的元素将z索引应用到DOM树的更高位置，从而使其呈现在顶部。如果

#aq-block-8801-5

块始终是导航菜单容器，那么我能想到的最好方法就是应用以下内容

#aq-block-8801-5 {
  position: relative;
  z-index: 2;
}

---

这是相当困难的，因为有这么少的独特类的关键了。问题的根本原因是，z索引高于菜单的元素将z索引应用到DOM树的更高位置，从而使其呈现在顶部。如果

#aq-block-8801-5

块始终是导航菜单容器，那么我能想到的最好方法就是应用以下内容

#aq-block-8801-5 {
  position: relative;
  z-index: 2;
}

---

我认为您在通过https加载资源方面有问题。我认为您在通过https加载资源方面有问题。我认为您在通过https加载资源方面有问题。我认为您在通过https加载资源方面有问题。不，这不能节省我的时间。对不起，但感谢您的努力。不管怎么说，问题已经解决了。@CodeName44很高兴您的问题已经解决了。我把这个放在这里，以防万一将来对别人有用。IMI的解决方案显然更适合您的情况，但在其他情况下，可能需要覆盖DOM上方的z索引，在这种情况下，这个答案可能仍然对某些人有用。快乐编码：）不，那救不了我对不起，但是谢谢你的努力。不管怎么说，问题已经解决了。@CodeName44很高兴您的问题已经解决了。我把这个放在这里，以防万一将来对别人有用。IMI的解决方案显然更适合您的情况，但在其他情况下，可能需要覆盖DOM上方的z索引，在这种情况下，这个答案可能仍然对某些人有用。快乐编码：）不，那救不了我对不起，但是谢谢你的努力。不管怎么说，问题已经解决了。@CodeName44很高兴您的问题已经解决了。我把这个放在这里，以防万一将来对别人有用。IMI的解决方案显然更适合您的情况，但在其他情况下，可能需要覆盖DOM上方的z索引，在这种情况下，这个答案可能仍然对某些人有用。快乐编码：）不，那救不了我对不起，但是谢谢你的努力。不管怎么说，问题已经解决了。@CodeName44很高兴您的问题已经解决了。我把这个放在这里，以防万一将来对别人有用。IMI的解决方案显然更适合您的情况，但在其他情况下，可能需要覆盖DOM上方的z索引，在这种情况下，这个答案可能仍然对某些人有用。快乐编码：）