jQuery pngFixを使ってIE6でpngを透過させる 鈴木智子のホームページのアクセスアップコーディング講座

jQuery pngFix

jQuery pngFixとは、IE6でPNGファイルを透過させるためのjQueryプラグインです。

まず、index.htmlがあるフォルダに、「js」という名前のフォルダを新規作成します。今後、JavaScriptはこのフォルダに保存します。

それでは、こちらからjQuery pngFixを入手してください。

http://jquery.andreaseberhard.de/pngFix/

入手したら、「jquery-(バージョン名).js」というファイルを「jquery.js」とリネームし、「jquery.ongFix.js」と一緒に、先ほど作成した「js」フォルダ内に保存しましょう。

保存したら、透過させたいPNGファイルがあるHTMLファイルの<head>タグに以下の構文を追加します。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.js"></script>
<script type="text/javascript">
	$(document).ready(function(){ 
		$(document).pngFix(); 
	}); 
</script>

これで、IE6でもpngファイルが透過して表示されるようになります。

jQueryとは

JavaScriptライブラリの1つです。ライブラリとは、よく使う機能をいくつもまとめてあるものを示します。

また、jQueryはMITライセンスなのでライブラリ内に著作権表示および本許諾表示を行なえば良いだけです。

クロスブラウザで、ボックスの大きさをそろえたいときに使うJavaScritがこれからお話する「jQuery Auto Height」になります。

 

follow me

鈴木智子のホームページのアクセスアップ講座