iOS 6.1/7-Cordova 3.1.0+；AngularJS-应用程序在点击/滚动到HTML/CSS视图时崩溃，带有[NSCFSet opacity]：无法识别的选择器发送到实例

我们看到了这个奇怪的错误，我在网上找不到任何东西。只有一个帖子没有答案或解决方法：

我们开发了一款应用程序，包括角度、下划线、角度路线、角度触摸、角度动画、CSS Flex布局和Cordova 3.1.0，在Android 4.0++上，一切都像一个魔咒一样运行。

当我们在Mac上移动到iOS并添加iOS平台时，我们在XCode5中编译，当我们单击或尝试使用以下调用堆栈在iPhone模拟器6.1和7中滚动时，应用程序在一些HTML视图（不是全部）上崩溃：

2013-11-12 17:22:49.193 App[7034:907] -[__NSCFSet opacity]: unrecognized selector sent to instance 0x98e8660
2013-11-12 17:22:49.194 App[7034:907] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSCFSet opacity]: unrecognized selector sent to instance 0x98e8660'
*** First throw call stack:
(0x119012 0x1f44e7e 0x1a44bd 0x108bbc 0x10894e 0x39e458 0x3c7d7d 0x3b2574 0x3b6a97 0x61f85a 0x61e99b 0x6200df 0x622d2d 0x622cac 0x61aa28 0x387972 0x387e53 0x365d4a 0x357698 0x30b1df9 0x30b1ad0 0x8ebf5 0x8e962 0xbfbb6 0xbef44 0xbee1b 0x30b07e3 0x30b0668 0x354ffc 0x2308c 0x2301d)
libc++abi.dylib: terminate called throwing an exception

发生这种情况的视图基本上只是普通的HTML和CSS AngularJS视图，其中一些数据是在控制器中使用$scope设置的

有人见过这样的东西吗？ Alpha、不透明或CSS等方面是否存在问题

在iOS 6.1上，两个视图中的一个正在工作，而在iOS 7上，两个视图正在使应用程序崩溃

电话：

UIView (Rendering) alpha)
UIScrollView _adjustScrollerInicatorsShowingThem:
UIScrollView _updatePanGesture
UIScrollView handlePan
UIGestureRecognizerSendActions
UIGestureRecognizer _updateGestureWithEvent:buttonEvent
UIGestureRecognizer _delayedUpdateGesture
.....
....
UIWindows sendEvent
UIApplicationEvenQueue
__CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM ....
...
....
......
........
GSEventRun
UIApplicationMain
main

---

难以置信，但事实上，这是一个CSS问题。即使使用iOS7，CSS计算和解析也存在缺陷，并会导致浏览器和网络视图崩溃-在所有Android手机上，这一切都很好

HTML:

这会在单击/触摸/制表或尝试滚动时使WebView崩溃，从而导致整个混合应用程序崩溃。当使用URL访问HTML页面时，Safari也崩溃了

当我们将CSS重构为以下内容时，它成功了：

#profileContainer table.profileTable {
    margin-top: 10px;
    font-size: 0.9em;

    td {
        border-bottom: 1px solid #d2d2d2;

        &:first-child {
            border-top: 1px solid #d2d2d2;
        }
    }
}

---

这绝不是一个答案，也没有人需要投票给我，因为我已经从

@christianmenkens

那里得到了所有需要的东西。非常感谢克里斯

这只是我所经历的一个额外的例子，评论的空间太小了。正如克里斯蒂安所说，这是一个我永远猜不到的问题

我的问题是滚动分区。我有一个CSS：

.content-wrapper{
  width: 100%;
  height: 100%; /*This was causing the problem.*/
  overflow: auto;
  position: absolute;
  overflow-x:hidden !important;
  padding: 15px 20px 50px 20px;
} 

我把它改成：

.content-wrapper{
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 15px 20px 50px 20px;
}

---

现在，我们假设这可能与此有关-我们现在研究它：哇，一个救生员！谁也想不到！非常感谢你花时间来写它！对我来说，问题在于使用

height:100%

。当从css中删除时，一切正常。

.content-wrapper{
  width: 100%;
  height: 100%; /*This was causing the problem.*/
  overflow: auto;
  position: absolute;
  overflow-x:hidden !important;
  padding: 15px 20px 50px 20px;
} 

.content-wrapper{
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 15px 20px 50px 20px;
}