Question

首先，当我设计css时，我意识到我没有为它创建一个文件夹，所以我决定为css创建一个文件夹。其中我命名为screen.css，但在创建css文件夹后，我的图片停止显示。我检查了拼写和标签，但似乎没有任何帮助。我确实将链接标记从screen.css更改为css/screen.css

一切正常，直到我为css创建了一个文件夹，所以我猜测问题可能就在那里。

html的一个例子

body
{
    background: url(images/wallpaper.png);
    background-repeat: repeat-y;
    margin: 0;
    background-color: #e4c17f;
    font-family: 'Nova Square',helvetica, sans-serif;
}

#banner
{
    width: 900px;
    background-color: #a65900;
    margin: 0 auto;
    height: 150px;
    background: url(images/banner.jpg);
}

#footer
{
    width: auto;
    background-color: #a65900;
    height: auto;
    background: url(images/name.jpg);
}

Answer 1

您创建了CSS文件夹，因此可能需要将CSS中的图像相对于images文件夹...

引用

相对路径是当前目录中文件的路径。

- 图像
---- wallpaper.png
- css
---- screen.css

body {   
  background: #e4c17f url(../images/wallpaper.png) repeat-y;
}

Answer 2

试试这个：

浏览器将开始从您保存CSS的文件夹中查找图像

background: url(../images/wallpaper.png);

Answer 3

有效！：D

我将标签更改为：

background: #e4c17f url(../images/wallpaper.png);

我的图像不会显示但背景颜色显示

3 个答案: