Html 宿主时背景图像将不会渲染

Html 宿主时背景图像将不会渲染,html,css,twitter-bootstrap-3,background-image,Html,Css,Twitter Bootstrap 3,Background Image,我已经为一个外部客户端构建了一个登录页,一切正常,我有一个适合洞屏幕的背景图像,我修改了bootstrap.css类中现有的body标记,如下所示 body { margin: 0; background-image: url('/Content/Images/Danone-Background-New.png'); background-size: 1440px 800px; background-repeat: no-repeat; background-size: cover; font-

我已经为一个外部客户端构建了一个登录页,一切正常,我有一个适合洞屏幕的背景图像,我修改了bootstrap.css类中现有的body标记,如下所示

body {
margin: 0;
background-image: url('/Content/Images/Danone-Background-New.png');
background-size: 1440px 800px;
background-repeat: no-repeat;
background-size: cover;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
z-index: 9999;
}
同样,在本地运行时,这也能很好地工作,然后我将此网站发布到宿主环境,当我导航到该网站时,所有内容都会显示,背景图像除外,因此我首先假设我的路径错误,所以我使用firebug检查了身体样式,这就是我看到的

body {
background-color: #fff;
color: #333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
}
因此,第一眼我就认为“哦,这很奇怪,它没有复制到我的身体样式上!”所以我重复了一遍这个过程,发现身体样式仍然与上面一样,所以我登录到服务器,在文件中导航到bootstrap.css,找到身体标签,然后再次看到我期望的样子

body {
margin: 0;
background-image: url('/Content/Images/Danone-Background-New.png');
background-size: 1440px 800px;
background-repeat: no-repeat;
background-size: cover;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
z-index: 9999;
}
然而,图像并没有呈现

这有什么问题?我试过ctrl f5,在开发工具条中查看是否有404错误,是否没有显示?我很困惑


链接至www.danoneultimate.com.au

您已编辑bootstrap.css,但正在加载bootstrap.min.css

您的代码工作正常:)

在网站的
部分,您加载了不同的样式表

<link href="/Content/css?v=WY2Ybti5pBJYm0QfqiFBL2b5U_cKoeAWQC9DALv4mnw1" rel="stylesheet">

将其更改为加载bootstrap.css:

<link href="/Content/bootstrap.css" rel="stylesheet">


你能发布你的链接吗?@jmore009 www.danoneutimate.com.auI没有使用bootstrap.min.cssrely?这显示了引导的缩小版本。如果我用bootstrap.css替换它,它会显示你的背景图像。这是我检查的第一件事,在bundle配置中我有bootstrap.css和site.css。我正在使用bundle配置,正如下面提到的,bundle配置中唯一的样式是bootstrap.css和site.css