@saqo_tadevosyan

Почему неправильно отображается в firefox?

Вот как отабражется в хроме
5fc7836d48137155207725.png
Вот так в firefox
5fc78381e4669986990961.png

А вот код
.Text {
        position: relative;
        margin-left: 7px;
        vertical-align: middle;
        z-index: 5;

        &::after {
            content: '';
            position: relative;
            display: block;
            width: 40px;
            height: 45px;
            top: -45px;
            left: -2px;
            border-radius: 5px;
            background: $color-dark-gray;
            z-index: 1;
        }


Как исправить?
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Ну судя по z-index, в firefox как раз правильно отображает. Поставьте для after z-index: -1;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы