j'affiche actuellement une v-card comme suit:
<v-parallax :src="require('../../assets/images/member.jpeg')" height="100%">
<v-container grid-list-xl pt-5 style="max-height: 10em;">
<v-layout row justify-center align-center>
<v-flex xs6 sm6 md3>
<v-card class="member__account flexcard">
<v-card-title class="section__title justify-center">
<div class="headline mt-1 mb-1 display-1 text-xs-center">MY ACCOUNT</div>
</v-card-title>
</v-card>
</v-flex>
</v-layout>
</v-container>
...
Le titre "MON COMPTE" est affiché en noir sur un fond blanc
Cependant, j'ai une image de v-parallaxe ci-dessous, et je voudrais donner un peu de transparence au fond blanc de la v-carte pour que l'image de parallaxe apparaisse un peu à l'intérieur ....
C'est possible ? si oui, comment ... merci pour vos commentaires
RESOLU: il suffit de changer la classe .transparent par défaut:
de
.transparent {
background-color: transparent!important;
border-color: transparent!important;
}
à
.transparent {
background-color: white!important;
opacity: 0.65;
border-color: transparent!important;
}
Vous pouvez utiliser rgb in color property. ça a l'air de ressembler à ça
<v-card color="rgb(255, 0, 0, 0.2)"> </v-card>
vous pouvez définir la transparence dans la dernière valeur de RGB . RGB (couleur, couleur, couleur, setTransparency)
vous pouvez définir la valeur de transparence de 0 à 1.
1 = pas de transparence 0 = 100% transparent