新しいスタイルシート、CSS3を使って文字にオシャレな影を簡単につける方法。
Twitter愛のリレー小説
「セルヴーズの雨傘」
新しいスタイルシートのCSS3を使うと画像を使わないでも簡単に文字に影がつけられます。
ただし、このCSS3は全てのブラウザで対応しているわけではありません。
Internet Explorer 9では上の文字に影がついて見えますが、Internet Explorer 8では
影がついていません。
これはバージョンの問題です。ただし、Windows XPではInternet Explorerは8までしか
インストールできません。
Window7を買わせたいマイクロソフトの意地悪ではなく、ハードウェアに関わる技術的な問題が
原因のようです。
もし、あなたがWindows7をお使いなら、Internet Explorer9が入っています。
でもあなたが自分のブログをお持ちの場合「私はInternet Explorer9だから大丈夫」という考えは間違いです。
あなたには影がついて見えていても、あなたのブログの読者には影がついて見えないかもしれない。いや、影がついて見えない読者も確実にいる。
このことを念頭においてデザインしないと失敗します。
では、古いInternet ExplorerにCSS3を適用させる方法はないのか?
あります。ただし、ほとんどのブログでは出来ません。
適用させるには.htcファイルというものをインクルードすればよいので簡単なのですが、
ひとつ重要な条件があります。
それは.htcファイルとサイトのページは同じドメインで同じサーバーになければならないというものです。
つまり、「ロリポップ!
」や「さくらインターネット
」にサーバーを借りてWordPressなどでブログをはじめる以外はあきらめるしかありません。
今回の記事はそういう制約があることを承知した上でお読みください。
“文字に影をつけるスタイルシート” の続きを読む