Mac OS X にアップデートした後Chrome 30.0.1599.69
、突然 Web サイトの特定のページが正しく表示されなくなりました。
動作が正しくないページ:
http://www.istorical.com/recent?page=2
特定の div 内のコンテンツが特定の高さを超えると、すべて非表示になります。十分に下にスクロールすると、特定の時点でメイン コンテンツが消えていることがわかります。divにはopacity: 0.92
. を設定するopacity: 1
と、問題なく表示されます。
このバグは、この最新バージョンの Chrome for Mac でのみ発生します。この時点まではどこでも問題なく表示されており、Windows、Firefox、および Safari for Mac で正しく表示されます。
ここに私が見ているもののスクリーンショットがあります: http://i.imgur.com/J5R15Xd.png
編集: このバグは、youtube または vimeo ビデオの iframe が不透明度 0.92 の div 内に存在する場合にのみ発生することがわかりました。Chrome 開発ツールで DOM から iframe を削除すると、不足しているコンテンツが表示されます。
したがって、埋め込みビデオと透明な div の間の非互換性の問題のようです。