不透明标头的不透明Bootstrap卡身-不可重复

时间:2019-03-11 08:30:59

标签: css asp.net-core sass bootstrap-4

这与问题完全分开了,它是否被标记为...的重复项

我可以使某些项目透明-而不是我想要的项目,因为某些东西将其覆盖。这是一个引导问题-不仅是CSS。我已取出要求的html,以使重点始终放在主要问题上。


我试图创建一个Bootstrap卡,它的主体不透明,但表头和表牢固。我尝试过(无礼):

.card-body {
    opacity: 0.75 !important;
    background-color: $card-bg;
}

但是没有影响。所以我尝试了:

.card {
    opacity: 0.75 !important;
    background-color: $card-bg;
}

.card-header {
    opacity: 1 !important;
}

table {
    opacity: 1 !important;
}

但是整个卡,包括标题和表,都是不透明的。我如何才能使身体变得不透明?

0 个答案:

没有答案