Изображения в карточках

Question

Почему изображения для компонента карт используются в качестве фона, а не изображения для заполнения медиа-части карты? мы можем просто использовать тег изображения вместо этого?

Я пытаюсь использовать инфраструктуру MDL для создания шаблона Tumblr, но у меня возникают проблемы с реализацией компонента карты для сообщений с изображениями, так как Tumblr использует теги изображений

пожалуйста, объясните, почему MDL использует изображения в качестве фона для компонента карты

Answer 1

Ничто не мешает вам использовать img тег. Смотрите это как пример.

Однако, используя изображения в качестве фона divУ s есть некоторые преимущества:

1. Нажатие правой кнопкой мыши на изображение не позволяет загрузить изображение
2. У вас больше гибкости с точки зрения отзывчивости (например, используя background-size: cover заполнить div). ОБНОВЛЕНИЕ: даже если вы можете установить 100% по ширине / высоте, чтобы адаптировать изображение, cover сохраняет соотношение сторон и в целом обеспечивает лучшие результаты.
3. Поскольку ваше изображение - это просто фон, вам не нужно устанавливать его положение absolute чтобы позволить другим элементам внутри div располагаться над изображением (как это происходит во всех примерах MDL)