以下のようなアイコン付きの囲みのある表現はWordPressのテーマK2のSawchuk Schemeで採用されていることから、その派生のテーマにはこれらのCSSが定義されていることが多い。ちなみにSawchukは、有名なホッケーの選手の名前らしい。
Sawchuk Scheme for K2 at MaxPower
これらは、記事中で<p class=”…
Category Archives: CSS
Articles
Sawchuk SchemeとNeapolitan code tags
CSSで不透明度を設定する：CSS
opacityプロパティはCSS3のcolor module勧告候補にあるプロパティで、Firefox2、Opera9、Safariが対応している。opacityは不透明度を表し、transparency(=透明度）とは逆になるので注意が必要。つまり、opacity:10%の場合、=transparency:90%でほとんど透明となる。
IEではopacityプロパティに対応していないので、以下のよう…
IE6でbackground:fixedを実現する：CSS
backgroundプロパティの最後にfixedをつけると、背景画像が固定されてウインドウをスクロールしても動かなくなり、面白い効果を演出することが出来る。はずなのだが、IE6では背景画像が固定されずに動いてしまう（というよりも、body要素に対…
» read »IE6でmin-width,max-widthを実装する：CSS
IE7にも実装されたCSSのmin-width,max-width（min-height,max-heightも）は、リキッドレイアウトを採用する場合には非常に便利な属性なのだが、IE6で対応していないので、なんとか適用する方法を調べた。
まず、普通のモダンブラウザに適用するwidthとheightを適用する。
#container {
min-width: 600px; max-width: 1200px;
}
次…
CSSだけで作るポップアップ階層メニュー
Top 1
Top 2
Top 3 »
Sub 31 »
Sub 311
Sub 312 »
Sub 3121
Sub 3122 »
Sub 31221
Sub 31222
Sub 31223
Sub 3123
Sub 3124
Sub 313
Sub 32
Sub 33 »
Sub 331
Sub 332 »
Sub 3321
Sub 3322 »
Sub 33221
Sub 33222
Sub 33223 »
Sub 332231
Sub 332232
Sub 332233
Sub 332234
Sub 33224
Sub 3323
Sub 3324
Sub 333
Sub 334
Sub 34
Top 4
Top 5
CSSのみで出来たので紹介する。Firefox,Operaでの動作を確認。IE6では階層メニューが出ない…
» read »
