Question

我正在尝试更改Bolt中基础2014主题的背景图像。我已将图片上传到主题文件夹内的images文件夹中。我正在编辑_header.twig文件中的html代码以更改背景。我在body标签中应用背景。虽然简单的颜色似乎有效，但当我应用图像时，它不会将其显示为背景。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
      {% if record.title is defined %}{{ record.title|striptags }} | {% endif %}
      {{ app.config.get('general/sitename') }}
      {% if record.title is not defined and app.config.get('general/payoff') %} | {{ app.config.get('general/payoff') }}{% endif %}
    </title>

    <!-- Bootstrap -->
    <link href="{{ paths.theme }}css/bootstrap.min.css" rel="stylesheet">
    <link href="{{ paths.theme }}css/pwr-bootstrap.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-7s5uDGW3AHqw6xtJmNNtr+OBRJUlgkNJEo78P4b0yRw= sha512-nNo+yCHEyn0smMxSswnf/OnX6/KwJuZTlNZBjauKhTK0c+zT+q5JOCx0UFhXQ6rJR9jg6Es8gPuD2uZcYDLqSw==" crossorigin="anonymous">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>
  <body background =" website.net/theme/base-2014/imagesbg.jpg">
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">

有人可以指导我哪里出错吗？

Answer 1

不再支持background属性，因为HTML5使用css而是在head标记之间添加样式标记，并使用以下代码。

<style>
body {
    background-image:url(bgimage.jpg)"
}
</style>

Answer 2

或者，如果要将其放在HTML属性中，可以使用此方法：

<body background ="{{paths.theme}}/backgrounds/yourimage.jpg">

你可以调用这个{{paths.theme}}这样的路径，然后把你想要的图片放到一个名为“背景”的文件夹里（或者你想要的话），最后是你的图片名称。

在Bolt cms中更改默认base-2014主题的背景图像

2 个答案: