スポンサーサイト

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

透過PNGをIE6以下で表示する - <img>タグ使用

 昨日リニューアルした際に透過画像の話をしましたが、どうやら勘違いしておりました。IE6では透過画像はちゃんと表示されると思ってましたが、そうでもないみたいですね。IE6はまだまだ現役ですので対策を調べてみました。
 そこで発見したのが<img>タグで表示した透過画像をちゃんと表示する方法です。方法は簡単、<head>内に下記のタグを挿入するだけ。これでIE6以下でも透過画像がちゃんと表示されます。pngfix.jsというスクリプトを使用するので右クリックで保存してください。 
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="保存したファイルのURL"></script>
<![endif]-->
 ただこれではスタイルシートで背景画像を指定した場合などはちゃんと表示されません。あくまで<img>タグで表示する画像だけです。ということでこちらも解決しましたので「CSSで背景指定した透過PNGをIE6以下で表示する」をご参考ください。
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。