home > "css"

post data
1st.12.2008
category: css.

背景画像付きのボックス

Colissさんのところで紹介されていたCSS Spriteのtipsがいいなぁと思ってpost。
CSS Spriteのメリットは複数の画像を1枚にまとめて作ることでHTTPリクエストを減らせたり、上手く組み合わせれば [...]

"背景画像付きのボックス" の続きを読む

post data
27th.07.2008
tags: , .
category: css.

hasLayoutメモ

IE7に付いたズーム機能を使って拡大・縮小したときにbodyに指定した背景画像が拡大・縮小されず、理由が分からず困ったことがありました。
「原因はhaslayoutの値がfalseになっているから」
隣にいた同僚にそう教 [...]

"hasLayoutメモ" の続きを読む

post data
18th.07.2008
tags: , .
category: css.

デフォルトスタイルのリセット

ブラウザ間での見た目の差異をできるだけなくすために、各ブラウザで設定されているデフォルトのスタイルを全部リセットしてしまうという方法があります。
*{
margin:0;
padding:0;
border:0;
}
こ [...]

"デフォルトスタイルのリセット" の続きを読む

post data
9th.07.2008
tags: , , , .
category: css.

透過PNGを使う時に注意すること2

前回(透過PNGを使う時に注意すること)の続き。
どうしても透過PNGを使いたい場合、IE6でもちゃんと表示させるには、

AlphaImageLoaderを使う
javascriptを使う

ことになると思います。
A [...]

"透過PNGを使う時に注意すること2" の続きを読む

post data
7th.07.2008
tags: , .
category: css.

透過PNGを使う時に注意すること

透過PNGが透過GIFより優れていることはいろいろあると思いますが、僕が一番優れていると思うのは、背景がどんな状態でもキレイに透過してくれることです。
透過GIFをグラデーションのかかった部分に乗せるとどうしても汚い部分 [...]

"透過PNGを使う時に注意すること" の続きを読む

post data
23rd.06.2008
tags: .
category: css.

リストマーカーの表示位置を揃える

リストマーカーを好きなものに変えたいときは、<li>に下のように背景画像を指定してあげればいい。
li{
background:url(image-path) left center no-repeat;
} [...]

"リストマーカーの表示位置を揃える" の続きを読む




copyright © understandard