. 透明度を使ったロールオーバー
- P 2010.10.20
- , CSS
- , Javascript
ナビゲーションやバナーなど、画像リンクを作るとき、
スタイルシートの透明度プロパティを用いて、hover を指定する方法。
［SAMPLE］当ブログ右上のバナー画像
a:hover img{
opacity:0.7;
filter: alpha(opacity=70); /* for IE6 */
}
. 画像置換とSEO
ウェブクリエーターなら、この１行を用いて何ができるか、おおよそ見当がつくはず。そうです、画像置換。テキストをブラウザの外へ追い出し、何もなくなったところに背景画像を表示するという有名なCSSテクニック。私もサイトのロゴマークやナビゲーションなどに使っています。ところが最近、「画像置換はなるべく使わないようにしよう」という話を耳にしました。
. IE6 でブラウズすると「アナログ」？
- P 2009.01.14
- , InternetExplorer
- , CSS
- , CSSNite
先日、参加したCSS Niteビギナーズで、ちょっと話題にあがった小ネタ。
. ブラウザの初期スタイルを再定義する
- P 2008.04.25
- , CSS
ウェブブラウザごとに微妙に異なっている初期の表示スタイル。これを無視してCSSデザインを進めると、後で、各ブラウザで発生する表示ズレの修正に時間を費やすはめに。その厄介な作業を軽減するため、最初に全ブラウザの初期スタイルをリセットします。