背景图像在Ionic/Javascript/Angular中不起作用

Background Image not working in Ionic/Javascript/Angular

本文关键字：Angular 不起作用 Javascript 背景 Ionic 图像      更新时间：2023-09-26

我的背景图像不适用于css中的这个离子项目。如果我将其内联到 HTML 中，它可以工作，但它很草率。我记得听说过一些关于base64的事情，但不确定。有谁知道问题可能是什么？谢谢

将项目中要使用的图像放在www/img文件夹中，然后在html文件中设置其样式。

例如： 

 <ion-content  style="background: url(img/image_name.jpg) center; background-size: cover;">

也许您的图像文件路径错误。您是否尝试了两者：从www到img文件夹，从css文件夹进入img文件夹，如下所示：

www/img/myImage.png

或

../img/myImage.png

提示：当您在应用程序中包含某些内容时，您必须认为您的根文件夹是www

相关文章：