0
我正在使用Ionic 3,并且我需要使制表符(https://ionicframework.com/docs/api/components/tabs/Tabs/)变为透明或在滚动卡片列表时更改不透明度级别以使其具有半透明效果。我试过通过CSS修改了很多元素(标签本身,他们的父母和孩子),但没有运气。如何使标签在Ionic 2中透明?
我正在使用Ionic 3,并且我需要使制表符(https://ionicframework.com/docs/api/components/tabs/Tabs/)变为透明或在滚动卡片列表时更改不透明度级别以使其具有半透明效果。我试过通过CSS修改了很多元素(标签本身,他们的父母和孩子),但没有运气。如何使标签在Ionic 2中透明?
如果你想修改类的直接需要,以覆盖离子型风格在构建添加
.md,.ios,.wp{}
。所以它会像
.md,.ios,.wp{
ion-tabs{
opacity:0.4;
}
}
你也可以尝试在theme/variables.scss
文件中创建一个sass变量。然后在颜色属性上应用该颜色。
$colors:{
...
tabs-color : rgba(255,255,255,0.1);
}
----
<ion-tabs color="tabs-color">
它没有工作。 http://nimb.ws/fTLnRi我已经尝试了几个这样的解决方案,但他们只是淡化选项卡/选项卡栏而不是使它们透明,所以我可以在后台看到这些卡。 –
你有没有试过打过'离子选项卡本身' – 2017-06-07 13:00:02
不幸的是,是的。它们的页面结构有点棘手,但是让它更难理解的是,将“background:transparent/opacity:.1”应用于标签栏的每一层,包括按钮,都无法使其工作。 –