CSS てのは弄り始めたらなかなか止まらないもので(汗)先日から立て続けに色々なところを細々と変更しておるのでございます。
いちおう前例に倣って(?)先日までからの変更点を箇条書き。
- さりげなく背景右側に Organ の画像を置いてみた。ウチにある XK-3 を撮影して加工したもの。
- 背景画像が見えつつテキストが読みづらくならぬ程度に
opacityプロパティ使ってサイドバーをほんの少し透過。 - Firefox でもメニューのタブが角丸になるように
-moz-border-radiusプロパティを入れた。 - ページの一番上に戻るリンクの場所とデザインを調整。
- 他いろんなところの
margin,paddingを微調整。
そんなところ…だと思います(笑)細かくメモ取ってなかったから、ところどころ忘れてる気がしますが。
ご覧になって分かる通り opacity とか border-radius とか CSS3 的なプロパティを使っておりますので、Windows の IE では意図した通りに表示されませんが、知った事ではなく(笑)とはいっても一応 Parallels Desktop 上の Windows7 + IE8 で確認は取っておりまして、見たところとりあえず閲覧に支障を与えるような崩れ等は発生してなかったし、問題ないでしょうその辺。
でも実は IE8 について、一つどうしても謎なことがあったのでございます。それは…次回に続く。単純に私が IE8 の設定の変なところを弄ってしまってた事による勘違いでした…よって次回に続くはありません。汗