html - 托管时不显示 CSS 背景图片

标签 html css background-image

我一直在本地为一个网站打基础,我刚刚将它上传到服务器。但是,现在没有显示两个 div 的背景图像。发生这种情况的原因是什么?

网站是here ,但为简洁起见,下面是相关代码的片段。

在四个全屏 div 中,一个和三个应该有背景图片。

HTML

<div id="one"></div>

CSS

#one {
    top: 0;
    left: 0;
    background-image: url("images/tube2c.jpg");
    background-size: cover;
    width: 100%;
    height: 100%;
    //border-bottom: 3px solid #CD3333;
}

最佳答案

你的图片是 4.5mb!!!它有效,但需要很长时间才能显示出来!

只需减小图片大小即可。

关于html - 托管时不显示 CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19056289/

相关文章:

javascript - 带有图像 slider 的汉堡菜单

html - 使用 CSS 媒体查询更改页面布局

javascript - 更改仅包含 "1"的所有输入字段的样式

html - 背景附件滚动与固定

javascript - 如何使用 JQuery 替换 CSS 背景图片并保持渐变?

html - 如何制作后台附件:fixed; not stretch the image?

html - 页面在 IE11 上的显示方式问题

jquery - 滚动背景,同时一个背景在多个滚动 Action 中保持固定

javascript - 导航栏无法正常工作(bootstrap v3)

javascript - 幻灯片背景图片