AMP图像里面有文字

Question

我可以使用AMP在内部显示包含文字的图像吗？

看起来像这样的东西，但在AMP上

HTML：

<div class="backgroud-image">
  <h2>Title</h2>
</div>

的CSS：

.backgroud-image {
  background-image: url("image.jpg");
  background-position: center;
  background-size: cover;
}

Answer 1

正如@Michael Coker所说，你可以使用带有AMP的背景图像（如你的例子所述）。您可以查看forum。

  

您可以使用样式amp-custom元素在head元素中添加样式。一个可能的问题是，在AMP中，图像应该在代码中声明它们的大小，但是对于背景图像，您使用样式指令声明包含图像的元素的大小，而不是图像本身的大小。

您可以查看此blog以获取更多信息。