Question

我的bootstrap.css有

.jumbotron:after {
     content:"";
     background: url("../content/images/Banner.png");
     opacity: 0.2;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
 }

它在localhost上有效，但是发布到Azure而没有任何内容

我的Azure网址为https://kohphanganpoolleague.azurewebsites.net/

如果我FTP到Azure站点，我在bootstrap.css中有这个：

 .jumbotron:after {
     content:"";
     background: url("../../content/images/Banner.png");
     opacity: 0.2;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
 }

额外“../”?????

干杯，J

Answer 1

它与Bundle.cs有关，我错误地编辑了bootstrap.css本身而不是像Site.css那样的另一个文件。当它发布时它使用的是min.css（一个不同的CSS文件）

我的CSS图像在发布到Azure站点时无效，但在本地HTML5 Bootstrap 3

1 个答案: