Question

我在Umbraco中使用xslt。我想从媒体文件夹中获取图像作为我正在创建的div的背景。我的问题是我不知道如何在同一行中使用HTML和xslt（如果我甚至需要）例如：

<div style="background-image: url([get image path via xslt]);"></div>

关于如何做到这一点的任何想法？谢谢！ -Elad

Answer 1

<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html"/>
    <xsl:template match="/">
        <div style="background-image: url({/root/image});"/>
    </xsl:template>
</xsl:stylesheet>

应用此XML：

<root>
    <image>http://example.com/lolcat.gif</image>
</root>

结果是：

<div style="background-image: url(http://example.com/lolcat.gif);"></div>

Answer 2

我对Umbraco一无所知，但你可以尝试阅读这是否是你想要的。

<xsl:element name="div">
    <xsl:attribute name="style">
        <xsl:text disable-output-escaping="yes">background-image: url(</xsl:text>
        <xsl:value-of select="[get image path via xslt]"/>
        <xsl:text disable-output-escaping="yes">);</xsl:text>
    </xsl:attribute>
</xsl:element>

html属性中的xslt标记

2 个答案: