スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

:first-letter と :hover の微妙な関係

ちょっとバグ?発見。長い文章を読むときに、ずっと同じ大きさの文字だと段落で区切ったとしてもなんとなく目が疲れる。それを解消するためにありがちな、段落の最初の文字を大きくして色を変えるなんて事をやろうと思って、CSS の first-letterプロパティ を用いようとしています。ただやはりブラウザの CSS対応状況によって仕様が異なるので使い難いのです。と言う訳で既知だと思いますがいくつか気が付いた物を。

とりあえずこんな所です。上記二つは解決策があるが、三つ目 についてはなかなか痛い。段落の先頭にリンクを持ってこなければ良いのだが、そういう訳にもいかない。見出しのリンクで first-letterプロパティ を使用したいと思うことは多々ある。解決策は ないことはない らしいが、やはり いまいちスッキリしない。書かれた記事の日付から考えるとそろそろどこかで解決されててもおかしくなさそうなのですが、どうなのでしょうか。

試行錯誤の結果。個人的であやふやな方法ですが、見出しの方はなんとかなったようです。ただ、段落の方は line-height や letter-spacing を調整してみても“ピコピコ”点滅したりします。display:none; にしてみたりしてみましたが駄目でした。なにか有効な回避方法がありそうなのですが見つかりません。

スポンサーサイト

コメント一覧

コメントの投稿欄

Copyright © 2005 rara All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。