Bracketsで起こった文字化けの恐怖（？）

今回ウェブサイト作成をするに当たり、AdobeのBracketsを使ってみた。

ホームページがほぼ完成したのでブラウザで開いてみたところ、

なんと日本語がすべて

文字化けしていた！！！


ライブプレビューでは、全部ちゃんと表示されていたのに。。。


これはどうしたことか

思わず青くなった。

CSS3 でテキストの背景をぼかしてみる

様々なことが簡単にできてしまうCSS3

なもんで、テキストの背景画像をぼかすのなんか簡単だと思っていた。

ところがopacityを使ってみて分かったことは、

背景だけじゃなくて、上に乗ってる文字までぼけてしまうってこと。。。！

これじゃ、意味ないじゃん！！

それでいろいろ探し回りました。



そこで一番、私のしたいことに近い効果が得られたのは

サイティックファクトリーさんの「背景画像を透過風にする」っていう記事


これは、画像と文字の間にもう一つdivを作って、そこに半透明なレイヤーを挿入するっていう方法でした。

CSS3もまだまだ万能じゃないんだなーーー