内部にテキストが入った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であるため、インラインスタイルは使用できません。

head要素にスタイリングを追加するには、style amp-custom要素を使用します。考えられる1つの問題は、AMPでは、イメージはコード内で宣言されたサイズを持つと考えられますが、背景イメージでは、イメージそのものではなく、イメージを含む要素のサイズをスタイリングディレクティブで宣言します。

詳細はblogで確認できます。