Задать вопрос
Ihimura
@Ihimura

Как работает background-size: cover в Microsoft edge?

Доброго времени суток! Столкнулся сегодня с одной проблемой, а название ему Microsoft Edge.
Прописал стиль background-size: cover обычному диву, у которого на фоне обычная картинка. Все бы хорошо, везде все отлично показывает, даже в старом добром IE, а вот в Microsoft edge он как-то не естественно масштабирует фон, как вы думаете с чем это может быть связано? Прикладываю картинки.
Это Microsoft Edge:
246bed82bbcf4fec9d00830f5b6fae9d.jpg
А это все остальные браузеры
b0c247ba75af4c999f09dcc30f460923.jpg

Вот все основные стили в этом блоке с фоном:

.homeHero { 
    background-image: url('../images/bg1.jpg');
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
  }


Проблема решена!

Все из-за того, что у родительского элемента был прописан style="transform: rotate(0)".
  • Вопрос задан
  • 798 просмотров
Подписаться 1 Оценить 3 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы