透明箭头/三角形缩进

Question

透明箭头/三角形缩进我想做一个图像上方的透明箭头..该三角形应缩进半透明块，并显示背景图像。.barShow {   background-color: #000;   opacity: 0.5;}.barShow:before {   top: 0%;   left: 50%;   border: solid transparent;   content: " ";   height: 0;   width: 0;   position: absolute;   pointer-events: none;   border-top-color: #999;   border-width: 20px;   margin-left: -20px;}<div class="barShow"></div>这个透明CSS箭应该是透明的，没有颜色。