在 Chrome(WinXP 上为 19.0.1084.46 m)和 Safari(OS X 10.7.4 上为 5.1.7)中，此 fiddle http://jsfiddle.net/Vkpwm/作品;单击谷歌图像显示/隐藏绿色 div，但是当它加载到我的 iPhone 上时，以及在 xCode 中的 iPhone 模拟器上(通过使用直接页面 http://jsfiddle.net/Vkpwm/show/)，div 再也不会显示。
删除行“-webkit-transition: 0.5s;”来自 css 使它工作，但显然打破了动画。删除行“visibility: hidden;”也使它工作，但这意味着 div 仍然存在并且事件被触发(例如，即使 div 完全不透明也会触发警报)。
这是一个 iOS 错误，还是我做错了桌面浏览器能够解决的问题？
最佳答案
在 SO 上找到这个问题后，我终于找到了解决方案:iOS CSS opacity + visibility transition .
我必须仅在设置 visibility: visible 时将过渡应用到不透明度，但将其应用于 visibility: hidden 以便在隐藏之前使不透明度具有动画效果。
我更新后的工作 fiddle 是 http://jsfiddle.net/Vkpwm/3/ .
关于ios5 - CSS 动画可见性 : visible; works on Chrome and Safari, 但在 iOS 上不可见，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10736478/