a:hoverでz-indexを変えて重なりの入れ替えをIEにも対応させてみた | 我流天性 がらくた屋
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
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン BLOG
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
