ВК
Доброе утро! Ребята подскажите может кто знает как на конструкторе umi добавить кнопку для слабовидящих?
Size: a a a
2021 July 20
B
как реализовать такое уведомление?
С
Позиционированием
А
<a href="#" class="bell">
<img src="/images/bell.svg" alt="">
<span class="event">4</span>
</a>
А
.bell {
display: block;
position: relative;
}
.event {
position: absolute;
top: -4px;
right: -4px;
width: 10px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: blue;
border-radius: 50%;
}А
на скорую накидал пример
С
z-index не нужон?
А
он автоматом поверх наложится должен
А
но это не 100%ые стили если что
А
играйся
B
спасибо
B
появляется в верху страницы
А
смотри что сделал не так
А
event должен быть внутри .bell
А
.bell должен иметь position: relative
А
css?
А
ну так item__icon
А
у тебя svg