Доброго времени суток! Столкнулся сегодня с одной проблемой, а название ему Microsoft Edge.
Прописал стиль background-size: cover обычному диву, у которого на фоне обычная картинка. Все бы хорошо, везде все отлично показывает, даже в старом добром IE, а вот в Microsoft edge он как-то не естественно масштабирует фон, как вы думаете с чем это может быть связано? Прикладываю картинки.
Это Microsoft Edge:
А это все остальные браузеры
Вот все основные стили в этом блоке с фоном:
.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)".
