スポンサーサイト

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

CSSで背景指定した透過PNGをIE6以下で表示する

 先ほどは「透過PNGをIE6以下で表示する - <img>タグ使用」ということで紹介しましたが、これではCSSで背景画像を指定した場合はうまく表示されませんでした。ということでうまく表示する方法を紹介します。
 まずiepngfix.jsを右クリックしJavaScriptを宣言します。
<script language="JavaScript" type="text/javascript"
src="iepngfix.js"></script>
 次にCSSに次のタグを挿入。
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } 
 赤字の部分に背景画像を指定しているクラスやIDを指定します。これで透過画像もちゃんと表示されます。しかし、問題点が一つ。IE6以下の場合no-repeatを指定しても機能しません。そのため画像が縮んだり伸びたりしてしまいます。
.test{
width : 500px;
height : 200px;
background-image : url(画像のURL);
background-repeat : no-repeat;
}
 このようなスタイルの場合、画像が500px200pxに伸縮してしまいます。勉強不足で解決方法は見つかっていませんのでとりあえず画像の大きさを調整しています。解決方法が分かればまた紹介します。
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









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

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