如何使角材料标签透明？答案

【问题标题】：How to make angular-material tabs transparent?如何使角材料标签透明？
【发布时间】：2016-09-26 18:26:09
【问题描述】：

Angular 材质允许我们配置主题以为<md-tabs> 或任何它的组件提供自定义颜色。

有什么方法可以让这些标签看起来透明，以便我可以查看背景图片？

应用内联样式没有帮助。

【问题讨论】：

你能把html代码贴在这里吗？或者 JSFIDDLE 会很好。
当我有时间时，我会尝试为此创建一个小提琴。但是这个问题很容易理解，我猜，不用提琴。我的要求是透明的md-tabs。官方演示：material.angularjs.org/latest/demo/tabs
你想给整个<md-tabs>添加背景图片吗？
plnkr.co/edit/faYrbOXUiZGgoVQUfBeP?p=preview 这是笨蛋。由于某种原因，角度材料不起作用。请看一下。

标签： angularjs angular-material

【解决方案1】：

这是你的意思吗？ CodePen

CSS

#background {
  background-image: url("http://images.photowall.com/products/44352/rural-forest?h=700&q=92");
  height: 100%;
}

.tabsdemoDynamicHeight md-content md-tabs {
  background: transparent;
  border: none;
}

#myTabs md-tabs-wrapper {
  background: transparent;
}

#myTabs md-tab-content {
  background: white
}

标记

<md-tabs id="myTabs" md-dynamic-height="" md-border-bottom="">

【讨论】：

没错！我做了另一个小改动，使标签的内容也透明，就是这样！非常感谢:-)
@SohanShirodkar 很高兴为您提供帮助。我不确定您是否希望所有内容都透明，所以我特意将内容设为白色。