CSS 背景图像

标签 css

我有一个带有背景图片的登录页面,该页面在本地显示,但是当我将其实时发布时,我无法在互联网上看到它。

我的文件结构非常简单,我有一个名为runn 的根文件夹,在该文件夹中有一个css 文件夹、一个图像文件夹等。

下面是我的背景图片的CSS。

body {
    color: white;
    background: #ee6184;
    background-image: url('../images/image_01.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 180%;
    margin: 0; 
    padding: 0;
    width: 100%;
    text-align: center;
}

最佳答案

查看浏览器控制台(或网络),它可能会向您显示这张图片的 404 错误。这意味着您的路径不适用于服务器,也可能是 403(禁止访问)或其他错误。

此外,如果根目录不在这样的子文件夹中,您可以将路径设置为 /images/image_01.jpg:domain.com/runn/

其他方式请贴上链接,方便我理解。

关于CSS 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26705289/

相关文章:

css - 如何在 Razor View 上引用 .css 文件?

css - 下拉菜单 css 不工作,内部 div 不显示

css - 什么是 css 子网格的替代品?

javascript - 根据分辨率变化动态自动调整 DIV 大小

css - 响应地使图像适合引导导航栏高度

css - 单个元素问题上的多个 CSS 类

css - 预编译 Assets 后,Rails 不编译开发中的样式表

css - Angular 4 - 以 45 度为步长旋转图像

javascript - HTML 元素 ID 的合法字符是什么?

javascript - 将 CSS id 上传到数据库