html - div上的离子背景img不加载本地图像，但从互联网网址加载图像

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：

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

Answer 1

仅img/dirmedico.png在 html 中使用

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

而对于 CSS

.dir-medico-grid{

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

事情是针对 html 的，所有模板都呈现在 index.html 上，它与 .html 位于同一目录中img。