Question

我正在尝试插入背景图像并使其不会重复，图像居中。这是我使用的XSL编码：

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/countries">
<html>
<body background ="bg_locale.jpg">
<font color="white">
    <xsl:for-each select="country">

    <xsl:value-of select="countryname"/><br/>

    </xsl:for-each>
</font>
</body>
</html>


</xsl:template>

</xsl:stylesheet>

Answer 1

看起来您正在XSL模板中编写HTML。有很多方法可以完成你想要做的事情，这是最简单的：

您可以尝试使用“style”属性，而不是使用HTML“background”元素。最后，您将希望将此样式信息与内容分开，但我想这将在课程的后期发布:) style属性接受一种称为CSS（层叠样式表）的语法。如果不深入研究它，请尝试以下几点：

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/countries">
<html>
<body style="background: url('bg_locale.jpg') no-repeat center center">
<font color="white">
    <xsl:for-each select="country">

    <xsl:value-of select="countryname"/><br/>

    </xsl:for-each>
</font>
</body>
</html>

</xsl:template>
</xsl:stylesheet>

您可以在此处找到有关CSS背景的更多信息：http://www.w3schools.com/css/css_background.asp

添加背景并使其居中而不重复

1 个答案: