html - 自托管 Raspberry Pi Web 服务器不显示背景图像

标签 html css web webserver

我刚刚在我的 raspberrypi 上设置了一个 LAMP 服务器,它非常酷。我设置了一个 FTP 服务器来将网页文件发送到 Pi。我完成了最终网页的一个非常基本的形式,我通过 ftp 将它发送到我的 Pi,并且 2 个图像、html 文件和 css 文件都成功传输但是一旦我在我的浏览器中打开我的 Pi(使用 192.168.1.9)所有我看到的是我的标题图片和文字。我没有看到我设置的背景图像。我尝试使用内联样式设置背景和使用外部样式,但都不起作用。我的背景图片是 2.3MB 并且是 2560x1600 并且它的 css 是:

#main {
background-image:url(background.png);
background-size: cover;
position:float;
}

我可以直接通过文件打开网页,但不能通过服务器打开。我不知道为什么背景图像不会显示。我试过几次重新上传网页文件,但没有改变。

最佳答案

图像的文件名,包括在 HTML 中引用的扩展名,必须与文件本身的实际大小写相同。我在运行 Raspbian 的 Raspberry Pi 上从 WAMP 迁移到 Apache 后发现了这一点。

关于html - 自托管 Raspberry Pi Web 服务器不显示背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19123075/

相关文章:

CSS Div 和 li 间距问题

python - Golang : Get request sends me html contents but works fine from python and curl

javascript - 添加附加参数以获取/发布 ajax

java - 从 JSP 调用 Servlet 的方法

javascript - 如果正文中存在 id,如何自动滚动到目标 div?

html - Bootstrap 3列彼此相邻?

java - Spring 4 : run some initialization code before application context refresh

html - 如何使图像位于我网站的顶部,但确保它对每个人都显示相同?

html - 如何修复CSS动画中的元素

javascript - 如何将选定的 HTML 转换为 Json?