不同行为离子模态背景不透明度

时间:2015-05-29 13:04:57

标签: ionic-framework ionic

我们刚刚从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,您将看到模态周围仍有深色背景。 / p>

对1.0.0 CodePen执行相同操作,您将看到深色背景颜色消失。任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:6)

将以下内容添加到CSS中:

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