小编Mak*_*aks的帖子

我想让 v-card 透明,但效果不好

我希望 v 卡是透明的,但里面的东西不应该是透明的。我怎样才能用CSS制作它?

卡.vue

    <v-card class="cardColor">
      <v-card-text>
        TEXT
      </v-card-text>
      <v-card-actions>
        <v-btn color="primary" @click="foo">Button</v-btn>
      </v-card-actions>
    </v-card>
Run Code Online (Sandbox Code Playgroud)

通用CSS

    .cardColor {
       background-color: white!important;
       border-color: transparent!important;
       opacity: 0.65;
     }
Run Code Online (Sandbox Code Playgroud)

我试图写这个,但它不起作用。

    .cardColor {
       color: rgba(255, 255, 255, 0.5);
     }
Run Code Online (Sandbox Code Playgroud)

javascript css vue.js vuetify.js

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

javascript ×1

vue.js ×1

vuetify.js ×1