なぜ青いバーの上に私の矢印が見えないのですか？

Question

"白いタブ"のディビットは相対的な位置を持ち、それは親divです。

子divは、赤色の矢印で、位置絶対値とZ-インデックスは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に設定する必要があると思います。

上記を試してください。それが役に立たない場合は、試してください。

コードエクスプローラで確認できるようにコードを更新するか、テストするURLを指定してください。

これが役に立ちます。