body要素の下マージン領域内で固定配置要素内のリンクが効かない

症状

  • body要素を相対配置(position:relative;)し、z-indexプロパティに具体的な値を指定している。
  • 任意の要素を固定配置(position:fixed;)し、z-indexプロパティに具体的な値を指定している。

以上の条件を満たすとき、固定配置した要素が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;">
<a href="../opera.html">Opera目次</a></div>

閲覧領域の左下端にdiv要素が配置されています。ページの末尾までスクロールした状態でdiv要素内のリンクが機能するかを確認してください。

スクリーンショット

※マウスポインタを乗せた状態のスクリーンショットです。なおOperaでは左クリックしてもページ移動しません。

Ns7.1Netscape7.1標準モード

Op7.2Opera7.2標準モード

修正状況

  • Opera7.23の標準モードと互換モードで不具合の発生を確認しました。
  • Opera7.11の標準モードと互換モードでこの不具合は発生しないようです。

関連記事

スポンサーリンク

layout-flow 文字の表示方向(筆記方向)を指定する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る