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)".
  • Вопрос задан
  • 790 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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