div上的离子背景img不加载LOCAL图像，但加载来自互联网网址的图像

Question

我有这个div从互联网上加载完美的图片网址但不是我的本地图片，非常奇怪：

   <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上呈现，index.html与img在同一目录中。