« 小さなモンブラン | メイン | 整形済みテキスト領域の表示 »
2004年03月11日
続・影付き文字の試み
先日私が書いた「影付き文字の試み」という記事 が、芋pickup さんとか云うページからリンクされてたので、一応その後の変更ポイントをメモ。（別に報告義務があるとは思わないけど、やっぱリンクされてたりすると律儀になってしまう私。「芋」って書かれてるし…、ってこれは「評価」では無いんでしょうけど。笑）
えっと、まず、前回での問題点は、Mac の Netscape7.02 では「文字」そのものが表示されない、という点。
他にも、その後、じっくり見てると、記事のタイトル部分に長いタグを入れてしまうと、RSS にも出てしまうし、「固定リンク」の表示部分にも影響が出る事も判ってしまった。
なので、やはりタイトル部分を表示してるタグ（私の場合は「ｈ３」タグ）そのものに、スタイルを設定してしまう様に変更してみた。
.content h3 {
filter: Shadow(Color=#cccccc, Direction=135, Strength=8);
position: relative;
letter-spacing: 0.1em;
height: 1.1em;
color: #cc0066;
font-family: "Lucida Sans Unicode", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Helvetica, Tahoma, Verdana, Arial, "ＭＳ ゴシック", sans-serif;
font-size: 126%;
border-bottom: 1px dotted #cc0066;
text-align: left;
vertical-align: baseline;
font-weight: bold;
margin-bottom: 10px;
padding: 3px;
}こんな感じ。（filter: Shadow…からheight: 1.1em;までの4行ほどが前回からのコピーで多少数値を調整した物。）これで、もう一度 確認してみる。
 |
 |
左が WindowsXP の IE6sp1、右が MacOSX の Netscape7.02 での表示である。
一応、前回の問題は解消されている。ただし、効果の方は、前回の方法だと IE4 等でも確認出来たが、今回の方は IE6 でしか効果が出なくなった。
更に詳細に見ていくと、私が昨日までに書いた28件の記事のうち、2件だけは、（ MacOSX + Netscape7.02 の環境で）やはり「文字」そのものが表示されなかった。
問題の2件のうち、1件は、IE5系で、カレンダーを「はみ出させない」検討 と云う記事で、タイトルの文字数が多い時に問題があるのか、と思われたが、もう1件が、Apollo号のその後 と云う記事で、それほどタイトルの文字数も多く無い。
と云う事で、表示されない時の条件が特定出来なかったので、これ以上の確認は断念した。ただ、Windows の Netscape7.0 では「効果」は出ないが、文字そのものには問題ないので、不具合の出る組み合わせはごく僅かだと想定される。
ちなみに、Mac の Safari だと、css2 の本来の仕様に沿った、
text-shadow: #cccccc 2px 2px 1.3px;
と云うような指定に対する反応が、他のブラウザに先駆けて実装されたらしいが、私のところでは、その環境が無いので、未確認である。
投稿者 savabigi : 2004年03月11日 20:43 | [ ウェブログ・ココログ関連 ]
トラックバック
このエントリーのトラックバックURL:
http://savabigi.x0.com/mt3/mt-tb.cgi/19
このリストは、次のエントリーを参照しています: 続・影付き文字の試み:
» 記事タイトルの装飾 from 伊豆の登り子
記事の裏まで画像を張り込んでいるので、いままで記事のタイトルがどうしても見づら [続きを読む]
トラックバック時刻: 2004年06月09日 19:24
» ｃｓｓ ファイルの切り替え from 無責任 Memo
随分前だが、3月11日の記事 に、「伊豆の登り子: 記事タイトルの装飾 」さんか [続きを読む]
トラックバック時刻: 2004年07月01日 04:26
コメント
はじめまして。
こちらの書き込みを参考にさせて頂きました。大変参考になりました。ありがとうございました。
投稿者 つ一とん : 2004年06月09日 19:26