web-dev-qa-db-fra.com

vuetify v1.1 puis-je définir une certaine transparence pour la couleur de la v-card?

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

vue.jsvuetify.js
3
user762579

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;
 }
2
user762579

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

1
MAS