Я хотел бы сделать прозрачную стрелку над изображением. Этот треугольник должен быть отступом в полупрозрачном блоке и отображать фоновое изображение.
Требуемый вывод:
.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>