在Chrome（WinXP上为19.0.1084.46 m）和Safari（OS X 10.7.4上为5.1.7）中，这个小提琴http://jsfiddle.net/Vkpwm/ http://jsfiddle.net/Vkpwm/作品;单击google图像显示/隐藏绿色div，但是当将其加载到我的iPhone上以及xCode中的iPhone模拟器上时（通过使用直接页面http://jsfiddle.net/Vkpwm/show/ http://jsfiddle.net/Vkpwm/show/)，div 再也不会显示。
删除行“-webkit-transition：0.5s;”来自 css 使其可以工作，但显然会破坏动画。删除行“可见性：隐藏；”也使它工作，但意味着 div 仍然存在并且事件在其上触发（例如，即使 div 完全不透明，也会触发警报）。
这是一个 iOS 错误，还是我做错了什么桌面浏览器可以解决的问题？
在找到这个问题后，我终于找到了解决方案：iOS CSS 不透明度+可见性过渡 https://stackoverflow.com/questions/7548833/ios-css-opacity-visibility-transition.
我必须仅在设置“可见性：可见”时将过渡应用到不透明度，但将其应用于“可见性：隐藏”，以便在隐藏之前使不透明度具有动画效果。
我的更新和工作小提琴是http://jsfiddle.net/Vkpwm/3/ http://jsfiddle.net/Vkpwm/3/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
