2015-05-29 39 views
1

我們剛剛從Ionic beta 14升級到Ionic 1.0.0發佈。升級之後,我們還有一個問題沒有解決。不同行爲離子模態背景不透明

我已經加入2個CodePens顯示問題,是:

1.0.0-beta.14http://codepen.io/anon/pen/LVxxzM

1.0.0http://codepen.io/anon/pen/rVjjYJ

<ion-modal-view style="width: 50%;"> 

如果你看看1.0.0 beta.14 CodePen並通過點擊右上角的按鈕打開模式,並且使瀏覽器視圖小於680px,您將看到該模式的周圍仍然有黑色背景。

做同樣的1.0.0 CodePen恩,你會看到黑暗的背景色消失。任何想法如何解決這一問題?

回答

6

以下內容添加到您的CSS:

@media (max-width: 680px) { 
    .active .modal-backdrop-bg { 
    opacity: .5; 
    transition: opacity 300ms ease-in-out; 
    background-color: #000; 
    } 
}