CSSでブログのタイトルに影をつける方法

質問

いつもありがとうございます。

ブログのタイトルの部分に画像を使用するとタイトルの文字がみにくくなるので影をつけたいのですが具体的な方法が分かりません。
ブログはココログとMTを使用しています。

またそれ以外でタイトルを読みやすくする方法はないでしょうか？

回答No.4

ICHI-yan · ベストアンサー

他の方が言われている特定のブラウザのフィルタのほかにｃｓｓで影をつける方法もあります。http://www.simplexsimple.com/archives/2006/11/css.html
ここでは、目の見えない人が同じものを２度聞くので、よくないという意見が多数を占めます。

他に思いつくのはブログのタイトルの部分にあたる場所の彩度や明度をあらかじめ画像で調整してはどうでしょうか？

または、タイトルを入れてしまった、画像を作るとか。タイトルってブログ全体のタイトルのことですよね？

一長一短ですね。が、目の見えない人の迷惑と、目の見える人が画像によって文字が見難くなる迷惑と、kunisadaさんのその画像を使いたい度合いを天秤にかけるといいでしょう。

ブログでアクセス解析されてますか？されてたら、どのくらいの人が迷惑をこうむるか、どの方法がベターかおぼろげながら見えると思うのですが。

回答No.6

MAN_MA_RUI

ロゴを画像化してあらかじめ影を付けておき、それにALT属性でロゴの文字を指定するのが一番ユーザーに優しいと思います。
背景透過などを上手く使えばそんなに見づらくなることもないのではないでしょうか？

お礼

みなさん回答ありがとうございます。
他の方の分も含めてここでお礼を申し上げます。

やはり特定のブラウザの機能に依存したサイトを作るのは適切でないし、障害者にも配慮したサイトにしたいので、やはり画像をあらかじめ処理してタイトル部分の明度を落とすという方法がベストのようですね。

回答No.5

345itati

IE以外(IEと共通のレンダリングエンジンを使うブラウザ以外)では全く無効なため、正直CSSのフィルタ効果はお勧め出来ません。(IEの独自拡張である為)
FirefoxなどGeckoエンジンやOperaではエラーになっちゃいますしね。

というわけで、あらかじめ影をつけたタイトルロゴ画像を作成して使うのが、Web標準という観点から考えて一番妥当な方法だと思われます。

回答No.3

akuhijrwq

追加。

影のスタイルは一部のブラウザには対応していません。

回答No.2

15baby

リンク先は簡単な文字に変化をだすためのタグがいろいろあります。
文字の影をつける1.2.3項目のほかにも
いろいろあるので試してみてはどうでしょう？

参考URL：

http://www.eonet.ne.jp/~tomochan/html/moji.html

回答No.1

akuhijrwq

テキストタイトルですよね？
影？
http://www.google.co.jp/search?q=%E6%96%87%E5%AD%97%E3%80%80%E5%BD%B1%E3%80%80css&start=0&hl=ja&lr=lang_ja&ie=utf-8&oe=utf-8&client=firefox&rls=org.mozilla:ja-JP-mac:official

バックの画像よりめだつ色で文字を書くとか。
タイトルの部分はさけて画像をつくるとか。