CSS Элемент перекрывает событие :hover

[AnWu]

Есть код

.container .box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, .05);
}

Накладывает в половину блока полосу.
Внутри блока есть ссылка и событие :hover на ссылку.
Этот код перекрывает ссылку и событие :hover на ссылке не задействуется.
Как это можно решить?

 

[Randewoo]

!important и не ебет

 

[NoN4m3]

Попробуй выставить z-index, z-index это выставления приоретета, чем выше индекс тем выше блок на странице,
если есть объект А и Б, и они накладаются, тогда делаешь к примеру z-index:2 для объекта А, а для объекта Б z-index:1,в таком случае объект А будет накладыватся на объект Б, я думаю смысл понятен