图像按钮背景不透明离子

Question

我正在尝试从一小时添加图像作为离子按钮，图像是png透明背景但失败它总是显示白色背景我的代码是：

<p align="center"><button (click)="buttonTapped()">
<ion-img style="width: 150px; height: 150px; background: transparent 
!important;" src="img/btn1.png"></ion-img>  </button>    

Answer 1

您可以删除<button> - 元素，并将(click) - 处理程序直接放在<ion-img> - 标记上。另外要设置背景颜色，请使用background-color而不是background

您的代码看起来像这样：

<p align="center"><ion-img (click)="buttonTapped()"style="width: 150px; 
height: 150px; background: transparent !important;" src="img/btn1.png">
</ion-img>