2015-05-29 20 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; 
    } 
}