Question

以下一行内容有误。我的高度和宽度正确显示在我的应用程序中。如果包含+ character.offsetX + 'px' + character.offsetY + 'px'，则背景图像样式不会出现。

Character.offsetX和offsetY是从字符对象提供的硬编码数字。

我在网上找到的示例非常简单，没有显示如何设置background-image的简写版本background-position

<li *ngFor="let character of this.characterList" [ngStyle]= "{'height':'50px', 'width':'50px', 'background-image':'url(' + character.fullImagePath + ')' + character.offsetX + 'px' + character.offsetY + 'px' }"

Answer 1

background-image不允许设置其他background-*属性-您需要为此使用background的简写：

<li *ngFor="let character of this.characterList" [ngStyle]= "{'height':'50px', 'width':'50px', 'background':'url(' + character.fullImagePath + ') ' + character.offsetX + 'px ' + character.offsetY + 'px' }"

正确设置ng样式的背景图片速记

1 个答案: