えす＃０５５のブログ一覧

別の言い方では「ＩＥ６対応は諦めました」となります。

スタイルシートを弄り終わってから、久し振りにＩＥ６を起動してマイページを見てみると、結構見難かった醜かったので改めてスタイルシートを修正しはじめたのですが、背景の固定方法がどうしても判らなかったので、今更ながらＩＥ７にアップデートしました。

ＦｉｒｅＦｏｘでは見た目が変わっていない筈ですが、ＩＥ７をではがらりと変わっています。主な修正点は

background:#000000 url(body背景orタイトル他.jpg);
を
background:#000000;
background-image:url(body背景orタイトル.jpg);

background:#000000 url(contents他.PNG)repeat;
を
background:#000000;
background-image:url(contents他.PNG);
background-repeat:repeat;

background:#068;
を
background:#006688;

です。上記の箇所はＦireＦoxだと同様に見えるので、文字数節約の為に修正前の記述を使っていました。それとこの場合「filter:alpha(opacity=不透明度(0-100))」「opacity:不透明度(0-1);」のタグは使用していません。
「スタイルシート　透過」でサーチした時に見つけて試してみたのですが、文字も透けてきます。同色系で輝度の変化が少ないbody背景だと判り難いですが、風景写真などをそのまま貼り付けてあるとスクロールする毎に文字の明るさが変化します。勿論その効果を狙って使用するならＯＫですが、オイラのページには不向きだと思いました。それと
filter:alpha(opacty=***);はＦｉｒｅＦｏｘが未対応
opaccity:0.**;はＩＥ７が未対応でした。
両方書いてあれば同等に見えるのですが。（＝＿＝；；

でも、どうしても同じにならなかったのがカレンダーです。ＦｉｒｅＦｏｘでは全ての行が画像内に納まっていますがＩＥ７では二行目以降が間延びしてみえます。おそらく「padding」の解釈の違いだと思いますが・・・ＩＥ７では一文字毎に「padding」を設定しているのに対しＦｉｒｅＦｏｘでは文字全体に対して「paddding」を設定している。(ように見える)

もし、この症状(の改善)について詳しい方がいらっしゃいましたら、ご教授お願いします。