我们刚刚从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并通过点击右上方的按钮打开模式,并使浏览器视图小于680px,您将看到模态周围仍有深色背景。 / p>
对1.0.0 CodePen执行相同操作,您将看到深色背景颜色消失。任何想法如何解决这个问题?
答案 0 :(得分:6)
将以下内容添加到CSS中:
@media (max-width: 680px) {
.active .modal-backdrop-bg {
opacity: .5;
transition: opacity 300ms ease-in-out;
background-color: #000;
}
}