Question

我为外部客户端构建了一个登陆页面，所有工作正常，我有一个适合洞屏幕的背景图像，我修改了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;
}

再次这在本地运行时效果很好，然后我将此站点发布到托管环境，当我导航到该站点时，显示所有内容减去背景图像，所以我首先假设我的路径错误所以我检查了使用萤火虫的身体风格，这就是我所看到的

body {
background-color: #fff;
color: #333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
}

所以乍看之下，我认为“哦，奇怪的是它并没有复制我的体型！”所以我再次重复这个过程，并且看到身体样式仍然如上所述，所以我登录到服务器导航文件到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;
}

然而，图像无法呈现。

这有什么问题？我试过ctrl f5，在开发工具栏中查看是否有任何404错误显示？我很困惑？！

链接查看www.danoneultimate.com.au

Answer 1

在您网站的<head>部分，您可以加载不同的样式表。

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

更改它以便加载bootstrap.css：

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

Answer 2

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

你的代码工作得很好:)。

托管时不会呈现背景图像

2 个答案: