我们刚刚从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,您将看到模式周围仍然有深色背景。
使用1.0.0 CodePen进行相同的操作,您将看到深色背景颜色消失了。任何想法如何解决这一问题?
将以下内容添加到您的CSS中:
@media (max-width: 680px) {
.active .modal-backdrop-bg {
opacity: .5;
transition: opacity 300ms ease-in-out;
background-color: #000;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句