Css 为什么在OSX上的Chrome30中,不透明度对这个div的行为不正确?

Css 为什么在OSX上的Chrome30中,不透明度对这个div的行为不正确?,css,google-chrome,opacity,Css,Google Chrome,Opacity,在Mac OS X上升级到Chrome 30.0.1599.69后,我网站上的某些页面突然无法正确呈现 行为不正确的页面: 当某个div中的内容超过某个高度后,它就不可见了。如果你向下滚动足够远,你会看到主要内容在某一点消失。div的不透明度为:0.92。如果我将不透明度设置为:1,它显示得很好 此错误仅出现在最新版本的Chrome for Mac上。到目前为止,它在任何地方都显示良好,在Windows、Firefox和SafariforMac上都能正确显示 下面是我看到的屏幕截图: 编辑:我发

在Mac OS X上升级到Chrome 30.0.1599.69后,我网站上的某些页面突然无法正确呈现

行为不正确的页面:

当某个div中的内容超过某个高度后,它就不可见了。如果你向下滚动足够远,你会看到主要内容在某一点消失。div的不透明度为:0.92。如果我将不透明度设置为:1,它显示得很好

此错误仅出现在最新版本的Chrome for Mac上。到目前为止,它在任何地方都显示良好,在Windows、Firefox和SafariforMac上都能正确显示

下面是我看到的屏幕截图:

编辑:我发现只有在div内部存在不透明度为0.92的youtube或vimeo视频iframe时,才会出现此错误。如果在Chrome开发工具中从DOM中删除iFrame,则会显示缺少的内容


因此,这似乎是嵌入式视频和透明div之间不兼容的问题。

我看不出来。。。我转到你的页面并向下滚动。。。我的想法是,你有一个动画功能正在发生。可能是因为出错而没有降低不透明度。你使用的是Chrome 30 for Mac OS X吗?我在屏幕截图上查看了同一页。我什么也没看到。但可能是流量崩溃。尝试给内容父容器一个css属性{overflow:hidden}这个页面怎么样:如果你向下滚动足够远,你能看到嵌入的youtube视频吗?我可以确认在Windows7上的Chrome30中看到这个问题。当我向下滚动时,浏览器会挂起一点。当页面上到处都是插件/iFrame时,我总是看到浏览器之间的性能问题。