如何用css/php显示背景图片
这对你们中的一些人来说可能很容易，但它对我来说并不管用，所以我还是会问它。我在php...that中有一个头文件，在it...right中有一个书店名称，现在我的书店名称出现在背景图像之后，我想让图像作为书店的背景图像，显然我必须使用image.Well - name..so。我已经尝试添加背景图片在我的标题在css和它不工作，并确定我得到了正确的路径…我甚至试图移动图像到默认文件夹，我的html是，但它不是working..obviously做错了，所以请帮助我…这是我的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');
}回答 5
Stack Overflow用户
发布于 2016-10-03 09:21:37
已编辑(打字...)
它是文件路径和选择器：
#header{
background-image: url('../images/bannercut.jpg');
}header是一个ID，所以它需要选择器中的#，如果你的css文件在一个名为css的文件夹中，你首先必须离开这个文件夹(使用../)，然后进入你的文件路径中的images文件夹，结果是../images/bannercut.jpg。
Stack Overflow用户
发布于 2016-10-03 08:20:08
基于我所看到的。看起来你有些东西写得不对。让我来解释一下:当你给某个东西一个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">还有。确保放入结束标签！！你忘了在代码的末尾写。
祝你好运:D
Stack Overflow用户
发布于 2016-10-03 08:53:26
试试这个：
header#header {
background: url(bannercut.jpg);
}或者：
header#header {
background: url(images/bannercut.jpg);
}你应该把它的id添加到你指定的头之后，去掉url中的‘from’，去掉后台的-image和
https://stackoverflow.com/questions/39822002
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号