先日スタイルシートを変更した際、
ヘッダ画像にブログタイトルを書き込みました。
ブログタイトルを表示するテキストが不要になったため、
隠そうと思ってフォントサイズを"0"に。
これ実は、FireFoxではうまく見えなくなるんですが、
IEで見るとちぃーさく残ってしまっているんです。
というわけで対策方法。
スタイルシートのヘッダの書式を設定する箇所に、
text-indent:-9999px;
と記述するだけです。
ブログタイトルを画面外に飛ばして見えなくする手法ですね。
下の図を参考に。
/*全ページ共通ヘッダ・フッタ*/
/*ヘッダ*/
#Header{
height:180px;
text-align:center;
text-indent:-9999px;
vertical-align: bottom;
background-image:url(/styles/images/round/header_bg.gif);
background-repeat:no-repeat;
}
|
タイトルが小さく見えてしまっているブログをたまに拝見するので、書いておこうと思いました。
Posted at 2008/09/16 22:55:42 | |
トラックバック(0) |
スタイルシート | 日記
先日スタイルシートを変更した際、
