Почему label не выходит за пределы родительского элемента но наводка при этом работает?

Question

[TheSnegok]

Есть label который в рисовке не выходит за пределы div но когда курсором наводишься то курсор стаёт наведённым, почему оно так и как это пофиксить?
тык

Comments

[szQocks]

дак там же написан стиль overflow: hidden

[TheSnegok]

szQocks, Ну так он не работает, курсор все равно работает как будто его видно

[szQocks]

TheSnegok, пф cursor: auto;

[TheSnegok]

Так нужно чтобы при наведении курсор был pointer но не выходил за рамки круга родительского элемента

Answer 1

[Сергей delphinpro]

.avatar {
	position: relative;
	width: 150px;
	height: 150px;
-	border-radius: 50%;
-	overflow: hidden;
+	clip-path: circle(50%);
}

Comments

[TheSnegok]

Спасибо!