为什么我的箭头在蓝条上看不到？

Question

“白色标签”的Div具有相对位置，它是父div。

它的子div是红色箭头，其位置绝对值和z-index：1000。但它隐藏在蓝色栏中。

.task-notification .arrow:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #bf4b4b;
  content: '';
  position: absolute;
  left: 73%;
  top: -14px;
  display: inline-block;
  z-index: 1000;
  opacity: 1;
}

<ul class="dropdown-menu notifications task-notes" role="menu" aria-labelledby="dLabel">
  <div class="arrow"></div>
  <div class="notification-heading"> </div>
</ul>

Answer 1

您的代码在代码浏览器中不起作用。

我认为你需要将overflow: visible;设置为父div以允许看到箭头。

请尝试以上，如果这没有帮助。

请更新您的代码，以便在代码浏览器中查看，或者提供测试网址。

希望这有帮助。