CSSで、a:hoverによるz-indexを変えてレイヤーの重なりを制御しようとしたのですが、IEにハマりました。特にIE7に。 まず最初に試したのが下記のa:hoverでz-indexを変更する事。 これはFirefox2,Safari等では当たり前に動いてくれます。 a{ position:absolute; z-index:1; } a:hover{ z-index:2; } しかしこれだけだとIEは動きません。 しかもIE5.5,IE6とIE7との挙動が違ってる分、苦労しました。 特にIE7は「a:hover時にz-index以外の別の属性も変更させないとz-indexが反映されない。」に気付く迄随分とハマりました。 これは個人的な予想ですが。 IE7はa:hover時にborder,visibility,background等、表示に関する何かの属性を明示的に変更しなければ、z
![a:hoverでz-indexを変えて重なりの入れ替えをIEにも対応させてみた | 我流天性 がらくた屋](https://cdn-ak-scissors.b.st-hatena.com/image/square/f0648709e29419f50ad1b62b01e90c538b81c0db/height=288;version=1;width=512/https%3A%2F%2Fblog.cgfm.jp%2Fgaryu%2Fwp-content%2Fuploads%2F2013%2F12%2Fdot_icon_garuy_160px.png)