2016-06-16 42 views
0

私はモーダルの背景を完全に透明にすることを試みています(特に1つのモーダルに対して)、これを達成するのが難しいです。ドキュメントから、私はbackdropClassでカスタムクラスを適用できると言います。私は私のモーダルを開くと、私は呼ん:透明なモーダルの背景

backdropClass: 'transparent-backdrop' 

しかし、関係なく、私は(透明性を達成するためか、単に背景色を変更するかどうか)は、このクラスに入れて何スタイリング、背景は変化しません。私のCSSは次のようになります。私は同様の方法で不透明度を設定しようとした場合、しかし、

windowClass: 'my-window-class' 

.my-window-class.in { 
    background-color: #000; 
} 

.transparent-backdrop { 
    opacity: 0; 
} 

私はwindowClassを使用して背景色(およびクラスの中で ')を変更することができます:

.my-window-class.in { 
    opacity: 0; 
} 

私の背景はまだ存在しますが、私のモーダルは消えます。誰でも私に背景の不透明度を変更する正しい方法を教えてもらえますか?

答えて

1

は、これが私の作品:ここでは透明な背景を示すスクリーンショットが screenshot

+0

残念ながらChromeで

.transparent-backdrop.in { opacity: 0; }

だ、それはしていません。 – James

+0

編集してくれてありがとう(ただ気づいた)。そして、あなたは正しいです。モーダルの上にモーダルをロードしているので、私の問題が発生しています。私は最初のモーダルに背景を持たせたいが、最初のモーダルには透明なものを持つようにロードされる2番目のモーダルが欲しい。これはブートストラップでは可能ですが、angle-uiでは動作しません。すべてのモーダルに1つずつではなく、angular-uiに単一の.modal-backdrop要素があるようです。モーダルバックグラウンドを使わずに各モーダルの背景を作成する必要があると思います。 – James

+0

あなたはあなたの問題を今どのように解決するかについてかなり明確な考えを持っているように思えます。がんばろう。 – Paul