Question

我有一张照片，是用手机的相机拍摄的，结果变成了http://localhost:8080/var/mobile/Containers/Data/Application/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX/tmp/cdv_photo_001.jpg之类的东西。

无论我尝试什么，都无法为给定的div设置背景图像。（在该div上使用内联CSS）。

所以：<div style="background: url('{{ imageUrl }}');">不起作用（div具有高度和宽度，当我将背景置于yellow时，我看到一个黄色背景。

同时，：<img src="{{ imageUrl }}"/>正在工作。

也：当我尝试使用来自Google的随机图片（例如https://www.w3schools.com/w3css/img_lights.jpg）时，它会将该图片显示为背景图片。

对于CSS中的背景图片可以设置的URL格式是否有限制？

Answer 1

在离子中，可以通过以下两种方法来实现：
1]如下使用style.property绑定：

<div [style.backgroundImage]="imageUrl"></div>

2]如下使用ngStyle绑定：

<div [ngStyle]="{'background-image' : imageUrl}"></div>

用相机拍摄的照片作为div背景图像Ionic 3

1 个答案: