BUG:在Cordova Ionic应用程序中使用border-radius时,Chrome Inspector会变黑

时间:2017-07-17 14:00:19

标签: css3 cordova ionic-framework google-chrome-devtools

我的Cordova应用程序工作正常,使用Chrome Inspector帮助排除故障并调试所有编码。最近我开始清理UI并开始在许多地方合并border-radius来清理按钮,窗口,div边框,弹出窗口等。但是,当border-radius专门应用于Ionic modals或Ionic popovers会导致我的应用的Chrome Inspector网页浏览失效。特别是应用程序成像本身......其余的chrome检查器(编码,控制台,元素等)仍然可见。

我也在各种手机上直接测试应用程序,当在应用程序上启用模式或弹出窗口时,它在手机上看起来很好,但在Chrome Inspector上显示为黑色。如果我转到CSS元素代码并在该元素上停用border-radius,则我的应用的完整图片会重新显示在Chrome Inspector中。

我已经针对这个问题进行了一些搜索,并且没有真正发现任何事情。有没有人见过这个或知道解决方案?

按要求:

.modal-center{
  width:90%;
  height:80%;
  top:10%;
  bottom:10%;
  left:5%;
  right:5%;
  min-height:0;
  border: 2px solid #4e8cf9;
  border-radius:10px;
}

0 个答案:

没有答案