Question

我正在尝试使用CSS将背景图像设置为<header>标签到XSL文档中，但它不起作用（图像不显示）。图像的路径是正确的。如果我使用<img>应答器设置图像，那就可以了。

XSL代码：

<xsl:template match="/">
    <html>
        <head>
            <meta charset="utf8" />
            <title>Bibliothèque</title>
            <link type="text/css" rel="stylesheet" href="exercice9.css" />
        </head>

        <body>
            <header></header>
            ...

CSS代码：

body
{
    font-family: sans-serif;
}

header
{
    background: url(res/titre.gif");
}

你有什么想法吗？

谢谢：）

Answer 1

使用以下过程：

将header的样式设置为图像的尺寸

在根元素中包含XHTML名称空间：

<xsl:stylesheet version="1.0"
        xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
        xmlns="http://www.w3.org/1999/xhtml"
        >

包含xsl:output元素以设置HTML5文档类型：

<xsl:output method="xml" encoding="utf-8" version="" indent="yes" standalone="no" media-type="text/html" omit-xml-declaration="no" doctype-system="about:legacy-compat" />

<强>参考

Set HTML5 doctype with XSLT

无法使用CSS和XSL设置背景图像

1 个答案: