卡片中的图像

Question

为什么卡片组件的图像被用作背景而不是图像来填充卡片的媒体部分？我们只能使用图片标签吗？

我正在尝试使用MDL框架来创建tumblr模板 但由于tumblr使用图像标签，因此无法为图像帖子实现卡片组件

请解释为什么MDL使用图像作为卡片组件的背景

Answer 1

没有什么能阻止您使用img标记。请参阅this作为示例。

然而，使用图像作为div的背景有一些优点：

1. 右键单击图像不允许您下载图像
2. 您在响应能力方面具有更大的灵活性（例如，使用background-size: cover填充div）。 更新：即使你可以设置100％的宽度/高度来调整图像，cover保持纵横比，通常会提供更好的效果。
3. 由于您的图片只是一个背景，因此您无需将其位置设置为absolute，以便让div内的其他元素位于图像上方（就像在所有MDL示例）