FC2ブログ

ブログ内検索

カレンダー

09 | 2018/10 | 11
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

カテゴリー

Apple BTS

Amazon

セカンドライフ

Apple

月別アーカイブ

新豐田屋グッズ

サバヲの最後 Tシャツ
オリジナル漫画『サバヲくん』のラストシーンをT-Shirtにしました。
2,415円(税込価格)
upsoldで購入

スポンサーサイト
--/--/-- (--) --:--

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

IE6で透過PNG
2007/09/10 (Mon) 23:15

ソフトウェアの紹介などにソフトのアイコンをIconExporterでPNGに書き出したものをアップロードしていたのだが、IEで観たら透過している筈の背景がグレーになっていることに気がついた。MacのSafariでもFireFoxでも問題なく透過していたので全く気付かなかった。
強引にcssで<タグのbackground-colorを#fffと指定してみたが当然駄目だった。

ぐぐってみたところ、

IE6での透過PNG画像の表示 :: カタチ・ノート
http://note.katati.com/item/30

というのを発見して、そこで紹介されている下記サイトを試してみたらうまくいった。

PNG Behavior for VML Render
http://www.minc.ne.jp/~konda/web_resoce/js/behavior/png2vml.html

「カタチ・ノート」さんには書いてなかったが、「全ての PNG 画像」に割り当てたい場合は「var allowClass = ''; としてください」とのこと。
ところが、豐田屋ブログはfc2のサービスで、アップロード制限があり、htcファイルのアップロードができない。拡張子txtやjsなどに変えてみてアップロードしたものの、今度は動作しない。外部サーバにアップロードしてみたがエラーとなって読み込んでくれない。ftpも許可されていない。
これはもう、fc2にhtcファイルのアップロードを許可するよう求めるしかない。とはいえまずはフォーラムを読んでおこう。

FC2ブログ ユーザーフォーラム
透過png styleで表示されない
http://blog.fc2.com/forum/viewtopic.php?t=17050&start=0&postdays=0&postorder=asc&highlight=%C6%A9%B2%E1+png

ということで、読んでいたら下記サイトが紹介されていた。

透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
http://www.designwalker.com/2006/12/transparent-png2.html

これは拡張子がjsなのでfc2でもうまくいった。
しかし、根本解決には上記フォーラムの未登録ユーザー子の言う

IE6.0以下ではきちんとアルファチャンネルを持たせてパレット調整をしないと CSSでは透けません。透過PNGは作成時にインデックスカラー(255)にし、 アルファチャンネルで該当色を範囲選択し削除して透明度を確保してください。


というふうにしなければならないのだな。

テーマ : WEBデザイン - ジャンル : コンピュータ

タグ : png ie6 ie

<< Wireless Mighty Mouseが届く | ホーム | iTunes 7.4を起動させる荒療治 >>

コメント

コメントの投稿


管理者にだけ表示を許可する

 BLOG TOP 


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