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 Кокер сказал, вы можете использовать фоновые изображения с AMP (как ссылка на ваш пример). Вы можете проверить это forum. Однако вы не можете использовать встроенные стили, так как это not allowed in AMP pages.

Вы можете добавить стиль в элемент головы с помощью элемента amp-custom. Одна из возможных проблем заключается в том, что в AMP изображения должны иметь свой размер, объявленный в коде, но с фоновым изображением, которое вы декларируете с помощью директив стилей, размер элемента, содержащего изображение, а не самого изображения.

Вы можете проверить это blog для получения дополнительной информации.