проблема с зависанием в опере, хром

77
6

Привет, у меня проблема с хром и сафари (firefox, похоже, работает нормально) У меня есть этот html:

<div>
<a target="_blank" class="newsletter" href="#"><i class="fa fa-newspaper-o"></i></a>
</div>

CSS:

.newsletter i{
height:35px;
width:35px;
color:#FFFFFF;
font-size: 18px;
background-color: #00495e;
border-radius: 100%;
border:1px solid #FFFFFF;
padding:7px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}
.newsletter i:hover{
color:#00495e;
background-color: #FFFFFF;
}

я не могу навести курсор внутри всего круга, место значка не работает. Я имею в виду, когда я пропускаю мышь над значком внутри круга, не делает эффект зависания и не появляется значок клика.

спросил(а) 2021-01-25T15:11:55+03:00 4 месяца, 3 недели назад
1
Решение
99

Вот:

.newsletter i {
display:block;
text-align: center;
line-height:35px;
height: 35px;
width: 35px;
color: #FFFFFF;
font-size: 18px;
background-color: #00495e;
border-radius: 100%;
border: 1px solid #FFFFFF;
padding: 7px;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}

.newsletter {
text-decoration: none;
}

.newsletter:hover i {
color: #00495e;
background-color: #FFFFFF;
}

https://jsfiddle.net/Lnats6fj/

ответил(а) 2021-01-25T15:11:55+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема