Ionic 2ではどのようにタブを透明にすることができますか？

私はIonic 3を使用しています。タブ（https://ionicframework.com/docs/api/components/tabs/Tabs/）を透明にするか、カードのリストをスクロールするときに透明度を半透明に変更する必要があります。私はCSSを介して多くの要素（タブ自体、その親と子供）を変更しようとしましたが、運は全くありません。Ionic 2ではどのようにタブを透明にすることができますか？

あなたが直接クラスを変更したい場合は、ビルド中のイオンベースのスタイルを上書きするために

.md,.ios,.wp{}

を追加する必要があります。だから、あなたはまた、theme/variables.scssファイルにSASS変数を作成しようとすることができ

.md,.ios,.wp{ 
    ion-tabs{ 
     opacity:0.4; 
    } 
}

ようなものになるだろう。そして、その色をcolor属性に適用します。

$colors:{ 
... 
    tabs-color : rgba(255,255,255,0.1); 
} 

---- 
<ion-tabs color="tabs-color">

2017-06-07 06:17:02

動作しませんでした。 http://nimb.ws/fTLnRi私はこのようないくつかのソリューションを試しましたが、透明にする代わりにタブ/タブバーを消してバックグラウンドでカードを見ることができます。 –

あなたは 'ion-tabs'それ自体を打つことを試みましたか？ –

悲しいことに、はい。それらのページ構造はちょっと難しいですが、理解しにくいのは、ボタンを含むタブバーのすべてのレイヤに 'background：transparent/opacity：.1'を適用しても動作しないということです。 –

答えて