ポジショニングした祖先要素を持たないa要素のz-indexプロパティに負の値を指定すると、そのリンクをマウスなどのクリックによって辿ることができなくなる。
- Category: Internet Explorer, Windows, ver.6
- Tag: z-index
例示
<style type="text/css">
<!--
p.test {
background: yellow;
}
p.test2 {
position: relative;
z-index: 0;
background: yellow;
}
p.test a {
position: relative;
z-index: -1;
}
-->
</style>
<p class="test">→<a href="./">リンク</a>←</p>→リンク←
2つの矢印の間にa要素がありますが、z-indexプロパティの指定のためp要素の背景の裏に隠れています。リンクが機能するかを確認してください。
スクリーンショット
Netscape7.1標準モード
WinIE6.0標準モード
補足
祖先要素をポジショニングすることで、この不具合を回避することができます。
<style type="text/css">
<!--
p.test2 {
position: relative;
z-index: 0;
background: yellow;
}
p.test a {
position: relative;
z-index: -1;
}
-->
</style>
<p class="test">→<a href="./">リンク</a>←</p>→リンク←
修正状況
- WinIE6.0の標準モードで不具合の発生を確認しました。
- WinIE6.0の互換モードでこの不具合は発生しないようです。
