Question

这对你们中的一些人来说可能很容易，但它对我没有用，所以无论如何我都会问它。我在php中有一个头文件...里面有一个书店名...现在我有了图片后出现的书店的名字。我希望图片是书店名称的背景。所以显然我必须使用背景图像.. 我已经尝试在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');
  }

Answer 1

编辑（错别字...）

这是文件路径和选择器：

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

header是ID，因此需要选择器中的#，如果您的css文件位于名为css的文件夹中，则首先必须< em> out 该文件夹（包含../），然后进入文件路径中的images文件夹，结果为../images/bannercut.jpg。

Answer 2

基于我看到的一个。看起来你没有正确地写下一些东西。让我解释一下：当你给出一个id的时候，你只需写下<header id = "header">，记住当你写它时你必须在它周围加上引号而不是单引号''。

此外，当您在CSS中声明ID时，您必须在ID名称前加上#。例如：

#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">

也。请确保关闭标签！你忘记在代码的末尾写了。

祝你好运：D

Answer 3

试试这个：

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

或者：

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

你应该在指定标题后添加它的id并从网址中删除'from并从背后删除-image

Answer 4

尝试将此添加到您的代码中

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

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

Answer 5

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

示例：

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

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

5 个答案: