ブログデザイン | しまの日記
アメブロのブログデザインで、最近、枠線の角が丸っこいのが
流行ってるのかなと、少し気になっていました。

しまの日記-角

cssでborder-radiusを使うと、角が丸くなるんですねひらめき電球

あと、filterで背景の透明度を指定すると、その背景の上の写真も
透明度が適用されてしまうけど、background:rgbaを使えば、大丈夫
なことが分かりました。

ブログのタイトルの上のメモ帳の螺旋部分だけ画像を使い、後は、
画像を使わないで、background:rgbaを使い、以下のような表示になり、
ちょっと気に入っていました。

しまの日記-ブログデビュー!?

FirefoxとIE9で表示を確認し、ハロウィンバージョンもクリスマスバージョンも
全部CSSを変更した後、2つ(border-radiusとbackground:rgba)ともIE8では
表示されないことが分かりましたしょぼん

background:rgbaは、回避する小技もあるらしいけど、半透明の背景画像を用意するのが
簡単という情報を見つけて、現在のcssになりました。

時間がかかったけど、最近仕事でcssを使うことがないので、新しいことが
分かってよかったです。