0

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

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

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

4

1 回答 1

3

没有什么能真正阻止您使用img标签。以此为例

但是使用图像作为divs 的背景有一些优点:

  1. 右键单击图像不允许您下载图像
  2. 您在响应方面具有更大的灵活性(例如,通过使用background-size: cover来填充div)。更新:即使您可以将宽度/高度设置为 100% 以适应图像,cover保持纵横比并通常提供更好的结果。
  3. 由于您的图像只是一个背景,因此您无需将其位置设置absolute为让图像内的其他元素div定位在图像上(所有 MDL 示例中都是这种情况)
于 2015-07-13T14:41:38.217 回答