div 上的 Ionic 背景 img 未加载本地图像，而是从互联网 url 加载图像

Question

我有这个 div 可以完美地从互联网上加载图像 url 而不是我的本地图像，非常奇怪：

   <div class="col biggest-grid dir-medico-grid" ng-click="showDirMedico()">
          <img src="../img/dirmedico.png" class="img"/>

          <p>DIRECTORIO MÉDICO</p>
        </div>

所以当我尝试这个时它没有问题:

.dir-medico-grid{
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/confectionary.png);

}

但如果我尝试这样做：

.dir-medico-grid{

  background: url(../www/img/doctors.jpg);
}

现在它不起作用，因为你可以看到我的路径是正确的我将从 ionic.app.scss 到 doctors.jpg:

我尝试过使用 background: url(../www/img/doctors.jpg) no-repeat center center fixed;、'../www/img/doctors.jpg' 和 "../www/img/doctors.jpg" 以及 background-image 而不是 background，但似乎没有任何效果，这很奇怪。

Answer 1

在html

中仅使用img/dirmedico.png

<img src="img/dirmedico.png" class="img"/>

并且 css

.dir-medico-grid{

  background: url("../img/doctors.jpg");
}

这是针对 html 的，所有模板都呈现在 index.html 上，它与 img.

位于同一目录中

div 上的 Ionic 背景 img 未加载本地图像，而是从互联网 url 加载图像

Ionic background img on div not loading LOCAL images but loads images from internet urls

html

css

ionic-framework

ionic

ionic-view