Chrome Css错误与Z索引

我在Chrome上遇到了一个奇怪的“bug”，z索引没有像其他浏览器（包括IE）那样正确显示

我已经阅读了所有与此相关的问题，几乎每个人在他们的问题中都缺少位置或溢出

<>网站的链接是<强> <强>，在中间搜索中有一个下拉UL元素，当你点击它时，就在图片后面。我花了几个小时尝试了所有可能的组合，包括子-父组合、不同的z-索引、位置和图片前面的下拉列表

如果有人能给我指出正确的方向或提供样品来帮助我，我将不胜感激

谢谢

答案的解决方案：出现问题的div元素上面有大约10个div元素作为“父元素”。他的z-index不能排在前面，因为他的最高父级没有位置：relative，只有z-index，这导致了它下面所有其他子级div的问题

以下是一个例子：

<div>      <---- had only z-index, was missing position:relative
  <div>
    <div>
       <div>   <---- this div with z-index could not get in front because of the first one
       </div>
    </div>
  </div>
</div>

您必须添加

z-index: 1000; /* or whatever value works*/
position: relative;

到您的
#大地图
。这会解决它的。您忘记向该div添加一个
位置
，这使得z索引无法应用

#big map
的CSS应该如下所示：

#big-map {
  width: 100%;
  height: auto;
  /* background-color: rgb(229, 227, 223); */
  /* background-color: #E0E0E0; */
  -webkit-transform: translateZ(0);
  display: block;
  z-index: 1000;
  position: relative;
}

不过我同意Toni Leigh的观点：在将来，您需要共享代码和一个工作示例，所以这个问题在将来也是有价值的。如果你不能用最少的代码来共享代码或创建一个示例，你可以随时请求它，我们很乐意帮助你解决这些“错误”。
你必须添加

z-index: 1000; /* or whatever value works*/
position: relative;

到您的
#大地图
。这会解决它的。您忘记向该div添加一个
位置
，这使得z索引无法应用

#big map
的CSS应该如下所示：

#big-map {
  width: 100%;
  height: auto;
  /* background-color: rgb(229, 227, 223); */
  /* background-color: #E0E0E0; */
  -webkit-transform: translateZ(0);
  display: block;
  z-index: 1000;
  position: relative;
}

不过我同意Toni Leigh的观点：在将来，您需要共享代码和一个工作示例，所以这个问题在将来也是有价值的。如果你不能用最少的代码共享代码或创建一个示例，你可以随时询问，我们很乐意帮助你解决这些“bug”。
这不是bug。事实上，z-index也必须在父元素上定义。基本上，如果子元素的z指数高于父元素的z指数，元素应该如何工作

问题出在您的
#大地图上，它是家长

它必须具有高z指数和相对位置：

z-index: 10000;
position: relative;

将其添加到您的
#大地图
将解决此问题。
这不是一个bug。事实上，z-index也必须在父元素上定义。基本上，如果子元素的z指数高于父元素的z指数，元素应该如何工作

问题出在您的
#大地图上，它是家长

它必须具有高z指数和相对位置：

z-index: 10000;
position: relative;

将其添加到您的
#大地图
将解决此问题。
仅当z-索引添加到位置绝对值和固定值的标记时才能解决此问题

<div style="z-index:110">

仅当z索引添加到位置绝对和固定的标记时才求解

<div style="z-index:110">

你应该共享代码，一旦链接站点被修复，问题就没有意义了。你应该共享代码，一旦链接站点被修复，问题就没有意义了。非常感谢！出于某种原因，我对此进行了评论，而且我没有检查最高的“父级”，只有div上方的5-10个，所以我认为这是一个bug，因为它在其他浏览器上也能工作。再次非常感谢，它现在正在工作，我将在问题中分享代码。非常感谢！出于某种原因，我对此进行了评论，而且我没有检查最高的“父级”，只有div上方的5-10个，所以我认为这是一个bug，因为它在其他浏览器上也能工作。再次非常感谢，它现在正在工作，我将在问题中分享代码。