cssでメニューのマウスオーバー時に透明度を変更させたいとき

メニューのマウスオーバー時に透明度を変更させたいとき
三種類の指定をすることにより、IE、Safari、Opera、Firefox、Netscapeに対応。
マウスオーバー用の画像を作らなくても、擬似的に画像を変更した感じにできるから簡単。

当然、透明度を変更するから、背景に画像を敷いている場合は背景が透けてしまう。
その場合はメニュー部の下地に白のバックカラーを流しておくといい。

cssで半透明指定のサンプルスタイルシート

.menu a:hover {
    /* IE */
    filter: alpha(opacity=25);
    /* Safari Opera */
    opacity:0.25;
    /* Firefox Netscape */
    -moz-opacity:0.25;
}

 

デジタルゲートがお手伝い

ホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。

スポンサーリンク