以上の条件を満たすとき、固定配置した要素がbody要素の下マージン領域内に重なっている状態では固定配置した要素の中にあるリンクが機能しない。
例示
<style type="text/css">
<!--
body {
position: relative;
margin-bottom: 10em;
z-index: 0;
}
-->
</style>
<div style="position:fixed; bottom:0; left:0; z-index:1; border:2px solid blue;"><a href="./">リンク</a></div>閲覧領域の左下端にdiv要素が配置されています。ページの末尾までスクロールした状態でdiv要素内のリンクが機能するかを確認してください。
実際の表示については検証ページをご覧ください。
スクリーンショット
※マウスポインタを乗せた状態のスクリーンショットです。なおOperaでは左クリックしてもページ移動しません。
Netscape7.1標準モード
Opera7.2標準モード
修正状況
- Opera7.23の標準モードと互換モードで不具合の発生を確認しました。
- Opera7.11の標準モードと互換モードでこの不具合は発生しないようです。
