Fatal编程技术网
  • sass/
  • Sass 如何使“角度材质”选项卡透明？

Sass 如何使“角度材质”选项卡透明？

sass

Sass 如何使“角度材质”选项卡透明？,sass,angular8,Sass,Angular8,我正在做一个有角度的页面，我找不到一种方法使有角度的材质选项卡透明。这是HTML代码： <nav mat-tab-nav-bar backgroundColor="primary" color="primary"> <a mat-tab-link *ngFor="let link of navLinks" [routerLink]="link.link" routerLinkActive #rla="routerLinkActive" [active]="rla.i

我正在做一个有角度的页面，我找不到一种方法使有角度的材质选项卡透明。这是HTML代码：

<nav mat-tab-nav-bar backgroundColor="primary" color="primary">
  <a mat-tab-link *ngFor="let link of navLinks" [routerLink]="link.link" routerLinkActive #rla="routerLinkActive"
    [active]="rla.isActive">
    {{link.label}}
  </a>
</nav>
这使得我所有的垫子标签都是透明的。我只需要使背景透明，有办法吗？

您需要设置
background
属性，并在设置颜色时使用alpha通道：

.mat-tab-link {
  background: rgba(0,0,0,0);
}
如果使用Bootstrap，可以像这样将
.bg transparent
类添加到
nav
中

<nav mat-tab-nav-bar backgroundColor="primary" color="primary" class="bg-transparent">
您可以找到更多详细信息。

我已经试过了。没有改变任何事情。角度材质设计组件是否与引导类修改器交互？也许这能满足你的需要，我想你已经接近解决方案了。我的选项卡是透明的，但我的
mat选项卡导航栏
不是透明的。@P.Aneyba您正在将选项卡栏的背景设置为您的主色。如果你不把它设置成一种颜色，那么它也将是透明的。就是这样。该死

<nav mat-tab-nav-bar backgroundColor="primary" color="primary" class="bg-transparent">