我创建了一个简单的 Sinatra 程序,用于从存储卡上复制照片以用于朋友的婚礼。我正在将 ERB 文件(CSS 或 HTML)用于 Web 前端。我可以显示图像,但无法加载背景图像。我尝试过使用静态文件位置、完整路径和 url。具有相对路径的 URL 会导致 404 错误。完整路径不会导致 404 错误,但不会提供背景图像。
来自 erb 文件 css 的背景示例:
body {
background-color:white;
background-image: url('siteback.jpg') !important;
background-repeat:no-repeat;
background-position:top center;
margin:0;
padding:0;
}
示例 sinatra 代码:
require 'sinatra'
get '/' do
erb :frontpage
end