Chrome不会显示带剪辑,不透明度,translateZ设置的图像

时间:2012-02-29 15:34:17

标签: google-chrome webkit opacity clip

我想我可能偶然发现了Chrome中的错误。如果你有一个图像包裹在 parent div,其位置设置为absolute,其clip属性设置为any 值,它的webkit变换“translateZ”为0px,其不透明度低于1,如果图像本身的位置属性设置为绝对值,Chrome将不显示图像。

有点满口,所以看看这个小提琴:

http://jsfiddle.net/djdieben/SN3nb/

对我来说,这会在Chrome以外的所有浏览器中显示爱因斯坦的图像。就是这样,

  • IE7 +(即IE7 / IE8模式下的IE9,我实际上没有在IE7或IE8上测试过),
  • FF10
  • Safari 5.1
  • Opera 11

我使用的是Chrome 18测试版,但它在Chrome 17上也失败了。所有这些都在Windows 7上

任何人都可以为我验证小提琴吗?关于如何处理这个问题的任何解决方案?我正在使用Adobe的Edge预览,它自动设置了很多这些CSS参数,所以只是更改CSS样式表不是一个选项。

0 个答案:

没有答案