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

[AnWu]

Есть код

CSS:






.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,в таком случае объект А будет накладыватся на объект Б, я думаю смысл понятен