AMP:如何在" style"中使用PHP值?属性

时间:2018-04-11 16:13:25

标签: css amp-html

AMP不允许"风格" html标签中的属性,但我需要在模板标记中添加这样的动态PHP值:

<div class="slide" style="background-image: url(<?php echo $img1; ?>);"></div>
<div class="slide" style="background-image: url(<?php echo $img2; ?>);"></div>

我认为<style amp-custom>在这种情况下无效,因为background-image在使用此模板创建的网页上会有不同的值。

1 个答案:

答案 0 :(得分:2)

为什么不让PHP填充<style>标签?

<style>
.some-element { color: <?= 'red' ?>; }
</style>

...

<p class='some-element'>I'm red due to PHP!</p>

如果您为其提供.php扩展名并将值提供给它,您也可以使用外部CSS文件:

<link rel='stylesheet' href='dynamic-css.php?val1=<?= 'foo'; ?>&val2=<?= 'bar' ?>

然后在dynamic-css.php中:

.some-element { color: <?= $_GET['val1'] ?>; font-family: '<?= $_GET['val2'] ?>'}

如果您先将$_SESSION存储在那里,您也可以阅读这些值,而不是在引用样式表URI时通过$_GET提供它们。