时间戳

首页 > 解决方案 > 在内联样式中使用流体变量

html - 在内联样式中使用流体变量

问题描述

在我的流体模板中，我设置了一个像这样的变量：

<v:variable.set name="imageKey" value="<f:uri.resource path={image.identifier} />"/>

然后我想在我的内联样式中使用这个变量作为背景图像 url（它是图像的路径）

<div class="container" style="{'background-image:' {'url': '{imageKey}'}}">
  <div class="image"></div>
</div>

但是，这并没有按预期工作。有谁知道它的正确语法？

标签： htmlcsstypo3fluid

解决方案

不要在“样式”属性中使用流体数组语法（作为它的常规 HTML 属性，而不是 FLUID ViewHelper 属性或其他东西）。

还可以使用内联 viewhelper 语法来填充您的变量。

只需使用常规的 HTML/CSS 语法即可：

<v:variable.set name="imageKey" value="{f:uri.resource(path:image.identifier)}"/>
<div class="container" style="background-image:url('{imageKey}');">
  <div class="image"></div>
</div>

推荐阅读