Firefoxでは表示されている背景画像がIEでは表示されない-Dig*Dag

Firefoxでは表示されている画像がIEでは表示されない

デザインを新しくしたこのブログDig*Dag。
今回のCSSには自信があったッスが・・・
Firefoxでは表示されている背景のグラデーションが、IEでは表示されませんでした。
なにが原因か・・・
ちょっとCSSを変更したら表示されるようになったッス！

まず最初のCSSは、

background:url(http://blog-imgs-29.fc2.com/d/i/g/digdagdig/digdagmainlogo.gif) no-repeat top left; 

imageプロパティ、repeatプロパティ、positionプロパティをまとめて書いていました。

CSSは省略せずに書いた方がいい？

まとめて書いていたCSSを個別に書き直しました。

background-image:url(http://blog-imgs-29.fc2.com/d/i/g/digdagdig/digdagmainlogo.gif);
background-repert:no-repeat;
background-position:top left;

CSSを検証するとまとめて書いてもエラーになっていたわけではありませんが、個別に書く事によってIEでも表示できるようになりました。

• W3C CSS Validation servise | Dig*Dag

とりあえず一番ポピュラーなブラウザ、IE6でキチンと表示されるようになったのでひと安心。
記事欄のシャドウも問題なし。

透過pngがキレイに表示されないのはIE6のバグ

背景に指定した透過pngが透過されずに表示されるのはIE6のバグなので、コレは「透過PNGをIE6以下でキレイに表示するJavaScript」を使ってみようと思います。

プルダウンメニューがIEではプルダウンしない

このブログで実装したプルダウンメニューは、IEではプルダウンしません。
IE用に、ビヘイビアファイル（htcファイル）をアップロードさせなければならないのですが、FC2ブログでは
ビヘイビアファイル（htcファイル）をアップロードできません。
他のサーバーへアップして読み込ませればいいのかもしれませんが・・・。
現段階ではIEでプルダウンメニューとして機能していません。
Firefoxでは問題なく機能しています。

関連記事

CSSで作るプルダウンメニュー

Firefox IE　表示の違い　クロスブラウザまとめ

新しいCSSをIE6での表示を確認してみましたが・・・

透過PNGをIE6以下でキレイに表示するJavaScript

• 前の記事：「アイコンまとめWiki Icon Wiki 「Wikimedia common」」
• 次の記事：「創世のアクエリオン　「あなたと合体したい」「気持ちいい〜」に困惑するお茶の間」

Comments

What say you?

Track backs

http://digdagdig.blog117.fc2.com/tb.php/196-6ef1954b

この記事にトラックバックする(FC2ブログユーザー)