图像按钮背景不透明 Ionic

Question

我尝试了一个小时将图片作为ionic中的按钮添加，这张图片是带有透明背景的png格式，但是一直失败，它总是显示白色背景。我的代码如下：

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

- Haytham Dalank

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>

- robbannn