Question

刚开始构建网站，这是我第一次使用MAMP和CodeIgniter Framework。我试图从CSS代码中获取图像，但是当我在localhost中打开网站时它们没有显示出来。我的问题是：

我是否需要将图像放在MAMP文档中的特定位置？或者有没有我没有先配置的东西？...（我打赌它有点小我没做过......）只是要注意我已经尝试过多次更改URL和文件位置但没有运气..

这是链接到我试图显示的图像的CSS代码，除了图像没有显示外，其他一切都有效。

请帮忙。

#header {
overflow: hidden;
width: 1000px;
height: 50px;
margin: 00px auto 20px auto;
background: url(/Applications/MAMP/htdocs/website/application/views/images/img03.jpg) no-repeat right top;
}

Answer 1

background: url(/Applications/MAMP/htdocs/website/application/views/images/img03.jpg)

“localhost”指向htdocs，你必须设置从那里开始路由

background: url(/website/application/views/images/img03.jpg)

如果使用chrome，如果图像的正确路径

，

可以与F12一起使用

Answer 2

更改图像路径。例如，如果您的css文件位于名为css的文件夹中，则您的图片位于views，并且这两个文件夹位于同一级别：

background: url(../views/images/img03.jpg) no-repeat right top;

CSS中的图像在通过MAMP localhost运行时不显示

2 个答案: