我想我可能偶然发现了 Chrome 中的一个错误。如果你有一个包含在父 div 中的图像,它的位置设置为绝对,它的剪辑属性设置为任何值,它的 webkit-transform "translateZ" 为 0px 并且它的不透明度低于 1,Chrome 将不会显示图像,如果图像本身的位置属性设置为绝对。
有点拗口,所以看看这个小提琴:
http://jsfiddle.net/djdieben/SN3nb/
对我来说,这会在除 Chrome 之外的所有浏览器中显示爱因斯坦的图像。那是,
- IE7+(即IE7/IE8模式下的IE9,我没有在IE7或IE8上实际测试过),
- FF10
- 野生动物园 5.1
- 歌剧 11
我使用的是 Chrome 18 测试版,但它在 Chrome 17 上也失败了。全部在 Windows 7 上
任何人都可以为我验证小提琴吗?关于如何处理这个问题的任何解决方案?我正在使用 Adobe 的 Edge 预览,它会自动设置许多这些 CSS 参数,因此仅更改 CSS 样式表不是一种选择。