岡崎市名古屋市のデコジャパンのPNG背景設定覚書

サイトマップ

ホームページ制作のProデコジャパン

ホームページ制作トップ PNG背景設定覚書

PNG背景設定覚書

PNG画像をIE6において使用する場合、いままで、iepngfix.htc を使用してきた。

http://blog.l-xs.com/yungsang/2006/12/png_alpha_filter_ie7.html

 

ただし、背景画像に設定できない、背景画像のリピートができないなど、制約もあった。

 

今回、見つけたものは、 「DD_belatedPNG 」 というJavascriptで、背景にも設定でき、背景リピートもOKというすぐれもの。

 

http://www.dillerdesign.com/experiment/DD_belatedPNG/

 

使用方法

1.<head>にJavascript を読み込ませ、CSSのクラスファイル名を指定。(IE6のみ読み込みするように指定してある)

        <!--[if lte IE 6]>
        <script type="text/javascript" src="DD_belatedPNG_0.0.8a.js"></script>
        <script type="text/javascript">DD_belatedPNG.fix('.png_bg, img');</script>
        <![endif]-->

あとは、使用する場所の背景にクラスpng_bg を指定する。

また、imgタグにもかかるように 上記の読み込みに ingも指定してある。

 

テストを行ったが、divの背景、imgタグでは問題なく利用できた。

       


岡崎市ホームページ制作作成ならデコジャパン ホームページ制作 岡崎市 TOPへ

home  制作会社概要  プライバシーポリシー  特定商取引法に基づく表記  リンク  Copyright © 2011 ホームページ制作 岡崎市デコジャパン株式会社 Allrights Reserved.