背景图像在 Ionic/Javascript/Angular 中不起作用 [关闭]答案

【问题标题】：Background Image not working in Ionic/Javascript/Angular [closed]背景图像在 Ionic/Javascript/Angular 中不起作用 [关闭]
【发布时间】：2016-04-27 05:51:59
【问题描述】：

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

【问题讨论】：

欢迎来到 SO，请在提问时更具体一点：您尝试过什么，您期望什么等。请参阅how to ask
请提供一个 sn-p 代码，以便我们可以通过“将其内联到 html 中”来理解您的意思。我对此的理解是，您是在 html 文件而不是 cs 文件中的标签本身中编写样式。

标签： javascript html css cordova ionic-framework

【解决方案1】：

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

例如：

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

【讨论】：

我不认为这是他正在寻找的解决方案，因为他说当他嵌入图像时它已经为他工作了。
感谢您的回复。这是我目前拥有的。当我将背景图像添加到元素（css）时，它不起作用。 @deltashade

【解决方案2】：

可能你的图片文件路径有误。您是否都尝试过：从您的www 到img 文件夹和从您的css 文件夹到img 文件夹，例如：

www/img/myImage.png

或

../img/myImage.png

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

【讨论】：