我们可以在Google AMP的CSS背景中使用图片吗?

Rak*_*man 7 html css amp-html

我们可以在Google AMP的CSS背景中使用图片吗?

<pre>

    <div style="background-image: url(assets/img/business1.jpg);></div>


</pre>
Run Code Online (Sandbox Code Playgroud)

Bac*_*ngh 7

你可以这样做:

头部的CSS

<style amp-custom>
    .img-background { background-image: url(assets/img/business1.jpg); }
</style>
Run Code Online (Sandbox Code Playgroud)

HTML

<pre>
<div class="img-background"></div>
</pre>
Run Code Online (Sandbox Code Playgroud)


Jon*_*eis 3

AMP 不支持内联样式(如您的示例),但您可以background-image通过<style amp-custom><head>.

在此处阅读更多信息:支持的 CSS - AMP