如何使用css/php显示背景图像

这对你们中的一些人来说可能很容易，但对我来说并不奏效，所以我还是要问。。 我有一个php的头文件…里面有一个书店的名字…现在我有一个书店的名字出现在图片后面。我希望图片是书店名字的背景..所以很明显我必须使用背景图片。。 我曾尝试在css中的标题中添加背景图像，但它不起作用，我确信我找到了正确的路径…我甚至尝试将图像移动到默认文件夹中，我的html在其中，但它不起作用..显然我做错了什么，请帮助我。。。 这是我的php头文件（我已经注释掉了头文件中的图像，所以它不会显示）

---

根据我所看到的。看起来你没有把一些东西写对。让我解释一下：当你给某个东西一个id时，你只需写下

记住，当你写它时，你必须在它周围加引号，而不是单引号

此外，当您在CSS中声明ID时，必须在ID名称之前添加一个

#

。例如：

#header {
/* your code here */
}

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

还有。当你陈述你的背景图片的链接。您必须在其周围加上引号“而不是单引号”。例如：

#header {
/* your code here */
}

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

基本上，要修复代码，只需将CSS中的头标记更改为

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

然后将HTML头id更改为

 <header id = "header">

还有。一定要贴上收尾标签！！你忘了在代码末尾写

---

祝你好运：这是我所看到的。看起来你没有把一些东西写对。让我解释一下：当你给某个东西一个id时，你只需写下

记住，当你写它时，你必须在它周围加引号，而不是单引号

此外，当您在CSS中声明ID时，必须在ID名称之前添加一个

#

。例如：

#header {
/* your code here */
}

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

还有。当你陈述你的背景图片的链接。您必须在其周围加上引号“而不是单引号”。例如：

#header {
/* your code here */
}

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

基本上，要修复代码，只需将CSS中的头标记更改为

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

然后将HTML头id更改为

 <header id = "header">

还有。一定要贴上收尾标签！！你忘了在代码末尾写

祝你好运：试试这个：

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

或：

您应该在指定标题后添加它的id，并删除url中的“from”和“remove-image from behind background”，然后尝试以下操作：

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

或：

您应该在指定标题后添加它的id，并删除url中的“from”和“remove-image from behing background”并编辑（打字…）

它是文件路径和选择器：

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

header

是一个

ID

，因此它需要选择器中的

#

，如果您的css文件位于名为

css

的文件夹中，您首先必须离开该文件夹（使用

。/

），然后进入文件路径中的

images

文件夹，从而编辑

。/images/bannercut.jpg

（打字错误…）

它是文件路径和选择器：

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

---

header

是一个

ID

，因此它需要选择器中的

#

，如果您的css文件位于名为

css

的文件夹中，您首先必须退出该文件夹（使用

。/

）然后进入文件路径中的

images

文件夹，生成

。/images/bannercut.jpg

尝试将其添加到代码中

<?php
   $background_url = " //Your URL goes here ";
?>

<style>
   header{background: url( <?php echo $background_url ?> );
</style>

标题{background:url（）；

尝试将其添加到代码中

<?php
   $background_url = " //Your URL goes here ";
?>

<style>
   header{background: url( <?php echo $background_url ?> );
</style>

标题{background:url（）；

您应该在原始文件中插入样式

例如：

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

.标题{
背景图片：url（）；
}

您应该在原始文件中插入样式

例如：

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

.标题{
背景图片：url（）；
}

在css中尝试放置图像的完整URL…只是为了确认。之后，您可以找出与css位置相关的图像位置。尝试inspect元素，您可以在其中编辑html代码，而无需每次检查n更改css/php文件n重新加载。我尝试过它不起作用。.inspect元素使我更容易测试。.谢谢r那..我也会尝试内联样式，看看为什么你的样式表应该引用

#header

，因为它是通过ID，如果它是一个类，那么

。header

尝试了不起作用，但是你有两个错误，你的CSS是错误的，你的URL也是错误的。@Johannes有你需要的正确答案。在CSS中，尝试输入完整的URL图像…只是为了确认。之后，您可以找出与css位置相关的图像位置。尝试inspect元素，您可以在其中编辑html代码，而无需每次检查n更改css/php文件n重新加载。我尝试过它不起作用。inspect元素使我更容易测试。谢谢。我还将尝试内联样式ng，看看为什么你的样式表应该引用

#header

，因为它是按ID的，如果它是一个类，那么

。header

尝试了不起作用，尽管你有两个错误，你的CSS是错误的，你的URL也是错误的。@Johannes有你需要的正确答案。