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

Question

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

<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>

但是，这并不像预期的那样有效。有人知道它的正确语法吗？

Answer 1

不要在“样式”属性中使用流体数组语法（因为它是常规 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>

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

Use fluid variable in inline style

html

css

typo3

fluid