CSSスプライトを使ってページの読み込み速度を向上する

ホームページを作るときには画像をたくさん使いますが、
たくさんの画像を使うと、画像の数だけデータを読み込みに行かないといけないので、ページ全体の表示速度が遅くなります。
普段あまり気付かないことですが、少しでも表示速度を早くしたいと思えば、
このCSS Spriteという画像の一部のみを表示する方法を使ってみましょう。
CSS Spriteを使えば、１度の画像の読み込みで済むのでページ全体として読み込み速度が向上します。
また、この方法はCSSを使ったマウスオーバー画像にも使えます。

read more

なぜか前面に表示されない？position:relative,absoluteとz-indexでの重なり順の関係

重なり順がうまく指定できない。
最前面に出てきて欲しい要素が裏に回って表示されてしまう。
CSSでpositionを使って位置を設定している場合にはよく現われる現象です。
特にInternetExplorerでは気をつけないとこの罠にハマってしまいます。
重なり順を指定するz-index。
このz-indexとpositionを同時に使う場合には注意しないといけません。

read more

枠線のスタイル、太さ、色をまとめて指定する”border”プロパティ | スタイルシート

read more