lavezzi1
@lavezzi1

Как обрезать фотографии на стороне клиента?

Здравствуйте. Такая проблема - нужно обрезать фотографии в новостных блоках, то есть есть какая то облать отведенная под фото и его нужно туда поместь через тег img. Поместить так, чтобы выглядело как будто через background-size: cover;

1) Object-fit идеально подходит, но на проекте нужна поддержка IE10, возможно даже IE9. Может есть фолбэк?
2) Можно как то через position absolute с overflow:hidden?
3) К JS прибегать не хотелось бы...
  • Вопрос задан
  • 241 просмотр
Пригласить эксперта
Ответы на вопрос 3
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Alexey_Suprun
@Alexey_Suprun
Web Developer Blog - ссылка в описании
если через position absolute с overflow:hidden, там можно попробовать с псевдоэлементами
Ответ написан
Комментировать
Для IE без JS такого не реализовать никак, в других браузерах может еще и можно найти альтернативу для Object-fit на css но в IE ни одна из этих альтернатив не поддерживается. Чем background-size: cover; с дивом не устраивает вместо изображения?
П. с. лучше при загрузке изображений для новости чтобы они обрезались под нужный размер и сохранялись, ибо используя даже background-size: cover; с большими чем нужно изображениями, страница будет не оптимизирована и будет грузиться в разы дольше чем могла бы с маленькими картинками.
Ответ написан
Ваш ответ на вопрос

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

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