css – Angular2动态背景图像

前端之家收集整理的这篇文章主要介绍了css – Angular2动态背景图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在html模板中,我有这种风格的动态图像:
<div style="background: url('/img/{{item.img}}'); width: 200px; height: 150px"></div>

哪个适用于Web浏览器和Android浏览器.但是,使用“style =”动态的背景图像不会在iPad上显示.

我总是可以使用img标签创建动态图像,但我正在寻找适用于iPad的style / css解决方案.

解决方法

请改用
<div [ngStyle]="{background: 'url(/img/' + item.img + ')',width: '200px',height: '150px'"></div>

要么

<div [style.background]="'url(/img/' + item.img + ')'"
    [style.width.px]="200" [style.height.px]="150p"></div>

另见In RC.1 some styles can’t be added using binding syntax

猜你在找的CSS相关文章