TOP  >  CSS・スタイルシートTIPS  >  opacityを使ってCSSだけで画像をマウスオーバーでハイライト処理する

2009年08月06日 11:15

opacityを使ってCSSだけで画像をマウスオーバーでハイライト処理する

マウスオーバーした時に画像置換しなくても光るように見せる方法。

pacityはCSS3で追加される予定のプロパティです。



a:hover img{ opacity:0.6; filter: alpha(opacity=80); }

IE以外のモダンブラウザでは先行して実装しているので使用可能です。

背景画像が設定されている場合などは背景画像が透けて見えてしまうので注意が必要です。

TOP  >  CSS・スタイルシートTIPS  >  opacityを使ってCSSだけで画像をマウスオーバーでハイライト処理する




正当なCSSです!