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

By admin // CSS, CSS // コメントは受け付けていません。

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

read more

4月
26

便利で簡単、floatの解除が必要の無い便利なclearfixコード

By admin // CSS, HTML, 便利 // コメントは受け付けていません。

ホームページのレイアウトの上で、floatを使うことが多いですが、
floatを指定したら、float属性を解除する必要があります。
通常、floatを解除するために余分なコードが必要になりますが、
このclearfixコードを使うと、もっと簡単シンプルにfloatを使うことが出来ます。
read more

3月
3

CSSで縦横比を維持したまま画像をリサイズする方法

By admin // CSS // コメントは受け付けていません。

ホームページ上で画像を表示する場合、
通常は表示する画像のサイズにあらかじめサイズを変更しておいて配置するのが望ましい。
HTMLやCSSでサイズを変えて画面上では小さく表示されていても、
実際には一度オリジナルの画像を読み込むことになるので読み込みの際のデータ量が大きくなり無駄が多い。
また、ブラウザ上でリサイズした場合はリサイズの質が悪い。
とはいえ、状況によっては大きな画像を画面上で小さくしたい場合もあるでしょう。
CSSを使った画像のリサイズ方法を紹介します。