css - 无法使用 CSS 和 XSL 设置背景图片

标签 css xslt background

我正在尝试将背景图像设置为 <header>使用 CSS 标记到 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");
}

你有什么想法吗?

谢谢:)

最佳答案

使用以下流程:

  • 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" />
    

引用资料

关于css - 无法使用 CSS 和 XSL 设置背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26174833/

相关文章:

javascript - CSS 从 Angular 动画中显示

css - 如何将 img 标签定位在右中心?

ios - 如何使用动态单元格设置 View (UITableview)的背景?

ios - 如何设置按钮背景图片大小

javascript - 使用按钮更改图像(也是图像)-Javascript

javascript - 使用时间差异更新百分比计数

java - XSLT 在 Saxon 中生成带有未声明的 namespace 前缀的输出。错误 XTSE1430 : Namespace prefix exsl is undeclared

xslt - 如何使用 xslt 将 json 转换为 xml

c# - 从 XslCompiledTransform.Transform 输出中排除 XML 指令

java - 处理中:启动画面背景错误