Question

当前，我显示如下的v卡：

                      <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>

...

微妙的“我的帐户”在白色v卡背景上显示为空白

但是我下面有一个v视差图像，我想给v卡白色背景增加一些透明度，以使视差图像在其中显得有些....

有可能吗？如果是的话，如何...谢谢您的反馈

Answer 1

已解决：仅更改默认的.transparent类：

来自

.transparent {
  background-color: transparent!important;
  border-color: transparent!important;
 }

到

.transparent {
   background-color: white!important;
   opacity: 0.65;
   border-color: transparent!important;
 }

Answer 2

您可以在颜色属性中使用 rgb 。看起来像这样

<v-card color="rgb(255, 0, 0, 0.2)"> </v-card>

您可以在rgb的最后一个值中设置透明度。 rgb（颜色，颜色，颜色，setTransparency）

您可以将透明度值设置为0到1。

1 =无透明度 0 = 100％透明

vuetify v1.1我可以为v卡颜色设置一些透明度吗？

2 个答案: