ページ

2013年4月22日月曜日

【CSS】リンクのロールオーバーを透明度で設定すると楽

IEは9以上でないと反応しませんが。


ロールオーバーの画像を作る代わりに透明度を設定する。
という方法を一度覚えてしまったら楽すぎてもうロールオーバー画像作りたくなくなりました。
しかもボタンの下に背景を配置している場合、背景が半透明に透けて「オサレですね!」とかいってクライアントが気に入ってくれたり。
楽したいだけだったとは言えn

【CSS】
filter:alpha(opacity=50); /* IE */
-moz-opacity: 0.5; /* Firefox */
opacity: 0.5;

ただIE8とかにも対応させるにはjqueryなどを入れる必要があります。




0 件のコメント:

コメントを投稿