如何使用css/php显示背景图像 - How to display a background image with css/php

How to display a background image with css/php

这对你们中的一些人来说可能很容易，但对我来说却行不通，所以我还是要问一下。我在php中有一个头文件…里面有书店的名字…现在我有书店的名字出现在图像之后。我想让图片作为书店名称的背景，所以显然我必须使用background-image。我试过在css的标题中添加背景图像，它不起作用，我确信我得到了正确的路径…我甚至试图将图像移动到我的html默认文件夹，但它不工作…显然我做错了什么，所以请帮助我…这是我的php头文件(我已经注释掉了头中的图像，所以它不显示)。

<html>
<head>
    <meta charset="UTF-8">
     <title><?php echo $pageTitle; ?></title>
     <link rel="icon" type="image/png" href="images/book.png">
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<?php echo $description;?>">
<link rel="stylesheet" href="css/main.css">
</head>
    <body>
 <header id = 'header'>

 <!--<img src='images/bannercut.jpg' id='banner' alt='Bookstore Banner'>-->
  <h1>Gabby's BookStore</h1>

  </header>

这是我的css

     header{
background-image: url('bannercut.jpg');
  }

EDITED (typpos…)

是文件路径和选择器:

 #header{
     background-image: url('../images/bannercut.jpg');
  }

header是一个ID，所以它需要在选择器中的#，如果你的css文件在一个名为css的文件夹中，你首先要去出的文件夹(与../)，然后进入的images文件夹在你的文件路径，导致../images/bannercut.jpg。

基于我所看到的。看起来你有些东西写错了。让我解释一下:当你给某物一个id时，你只需要写下<header id = "header">，记住当你写它的时候，你必须在它周围加上引号，而不是单引号。

另外，当你在CSS中声明一个ID时，你必须在ID名之前加上一个#。例如:

#header {
/* your code here */
}

。当你陈述你的背景图片的链接。你必须在它周围加上引号，而不是单引号。例如:

background-image: url("banner cut.jpg");

基本上，要修改你的代码，你所要做的就是将CSS中的header标签更改为

  #header{
background-image: url("Funny Background.png");
color: white;
}

，然后将HTML头id更改为

 <header id = "header">

。一定要加上结束标签!!你忘记在代码的末尾写了。

试试这个:

header#header {
background: url(bannercut.jpg);
}

或:

header#header {
background: url(images/bannercut.jpg);
}

你应该在u指定header后添加它的id，并删除url中的' from，并从背景和

中删除-image。

尝试将其添加到您的代码

<?php
   $background_url = " //Your URL goes here ";
?>
<style>
   header{background: url( <?php echo $background_url ?> );
</style>

你应该在原始文件中插入style

的例子:

<style>
.header {
    background-image: url(<?php echo $headerImgUrl; ?>);
}
</style>