我想要留下像图像一样的离子卡,背景透明但有点白,这样我仍然可以在背景中看到图像。有人可以帮我解决这个问题吗?
我正在寻找像这个图像中的效果:
我正在使用以下代码:
<ion-card class="cardconteudo">
<ion-card-header>
CARD HEADER
</ion-card-header>
<ion-card-content>
CARD CONTENT
</ion-card-content>
</ion-card>
SCSS:
.cardconteudo {
float: unset !important;
}
.contentclass {
background-image: url('../../assets/imgs/mammajamma.png');
background-repeat: no-repeat;
background-size: 110%;
background-position: 0% 14%;
}
尝试以下SCSS:
.cardconteudo {
background:rgba(255,255,255,0.5);
}
这个解决方案利用了qgxswpoi解释的rgba。语法如下:
rgba(红色,绿色,蓝色,alpha)
其中alpha将不透明度定义为介于0.0(完全透明)和1.0(完全不透明)之间的数字。
所以我们使用白色背景(红色,绿色和蓝色设置为最大)并将其设置为半透明(alpha = 0.5)。随意调整alpha值以获得您正在寻找的效果。