この特定のCSSプロパティの組み合わせ、つまり可視性が隠れて固定された位置付けの外側の要素と、視認性のオーバーライドを持つ絶対的または相対的に配置された内側の要素を使用すると、Chrome 15以降で奇妙な動作が発生するようです。ChromeのCSS表示のレンダリングにバグはありますか?
<html>
<head>
<title></title>
</head>
<body>
<div style="position:fixed;visibility:hidden;">
<div style="position:absolute;visibility:visible;">
<img src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" />
</div>
</div>
<script type="text/javascript">
for(var i=0; i<100; i++) {
document.write("<br />");
}
</script>
</body>
</html>
上記のコードスニペットは、スクロールするとこのイメージを生成します。
現象を再現両方両方相対および絶対位置するという事実は、この特定のDOM絶対位置に対する相対的な位置に相当するという事実までチョーク状ことができます。
このマークアップが有効で、動作を定義している場合は、ブラウザ/レンダリングエンジンのバグを指摘しています。この動作がChromeで導入されたことを考えると、 15更新。 Sparky672
の
JSFiddle link礼儀更新:
この動作はWebKit Bugzillaに報告し、バグを導入チェンジが同定されているように思われました。
16.0.912.63 mにもバグがあります。 – danjah
なぜjsFiddleになりませんか? – Sparky
jsfiddleでは発生しませんが、基本的なWebページを作成して起動し、それを見ることができます – danjah