スポンサーサイト 

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


テンプレート部門に参加中。クリックしてくださると励みになります♪
--:--  |  スポンサー広告  |  EDIT  |  Top↑
2007.02/17 (Sat)

背景の苺画像をIE5でも出す方法(汗) 

先日、背景の薄い苺画像が見えない方がいるとのご指摘を受け、気になってはいたものの、原因が特定できていなかったのですが、とうとうIEのバージョン違いが共存できるソフトtredosoftを導入してしまいました。
で、IE5で見たら確かに見えないΣ
あ、tredosoftは、そんなに容量食わないし、インストールは簡単だし、今のとこはさくさく動いている(見るだけなら)ので、古いIEでの確認はともかく、IE6と7をいちいち入れ替える必要がなくなっただけでも大助かり! WINユーザーには超お勧めですよ
IE5はまあ無視してもいいかも(おい)、なんてことも思うんですけど(ココログ……だったかな……なんて、公式サイドがIE6以上でなければ見れませんと公言してたくらいだし;; FC2もよく見てみたら……半分くらいは公式のテンプレでもレイアウト、グチャグチャじゃんΣ)、VISTAも発売されたことだし、これからPC初心者がIE7って時代になっていきますよね……でもユーザーが一番多いのはまだIE6の時代がしばらく続くだろうし、テンプレ配布者は色々な意味で、IE7と6、双方でのチェックが必要になっていくだろうから……。

で、背景の苺の件は、bodyの背景タグの場所を前の方に移したら、解決いたしました(自分の他のテンプレでは前の方に書いていたんですね……で、そっちは背景固定した場合でも、IE5でもちゃんと見えていたので、あっさり原因判明;)。これでIE5でもバッチリ見えます(;´▽`A``
上書き登録してきましたが、スタイルシートのbody部分を以下のように書き換えていただいてもOKです。

body {
text-align:center; /* IEのバグを利用してセンタリング */
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",'Hiragino Kaku Gothic Pro','Osaka',MS ゴシック; /* 画面全体のフォント指定 */
color:#300; /* 画面全体の文字色 */
line-height:1.4; /* 行間 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabeichigo.jpg); /* 背景画面のアドレス */
background-position:right bottom; /*右下に配置(center bottomなら中央下に配置、left bottomなら左下になります)*/
background-repeat:no-repeat; /*画像を繰り返さない*/
background-attachment:fixed; /*画像を固定*/
background-color:#fff; /* 画面背景の色 */
font-size:x-small; /* 古いIEの文字サイズ */
voice-family:inherit; /* おまじない */
voice-family: "\"}\""; /* おまじない */
font-size:12px; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
margin:0;
padding:0;
}



これってCSSの優先順位の問題だったのでしょうか?
背景色と背景イメージなんかでも順番によって無効になったりするけど、これは古いブラウザ用の設定との兼ね合いなのかな……ふう、何にせよ、実地に見ないと、不具合がわからないなんてのじゃなく、もっと色々と勉強して知識を養わないと駄目かなあ……(´_`;)
スポンサーサイト


テンプレート部門に参加中。クリックしてくださると励みになります♪
00:20  |  カスタマイズ色々  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑

Comment

コメントを投稿する

URL
COMMENT
PASS  編集・削除するのに必要
SECRET  管理者だけにコメントを表示
 (現在非公開コメント投稿不可)
 

▲PageTop

Trackback

この記事のトラックバックURL

→http://dokode.blog87.fc2.com/tb.php/34-139b70e1
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

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