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

Question

我们刚刚从 Ionic beta 14 升级到 Ionic 1.0.0 版本。升级后我们还有一个问题我无法解决。

我添加了 2 个 CodePens 来显示问题，分别是：

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

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

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

如果您查看 1.0.0-beta.14 CodePen 并通过点击右上角的按钮打开模态框，并使浏览器视图小于 680 像素，您会看到模态框周围仍然有深色背景。

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

Answer 1

将以下内容添加到您的 CSS：

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