IE6で透過png対応させる Javascript – DD_belatedPNG.js

「DD_belatedPNG」はIE6に透過pngを対応させる Javascript のスクリプトです。

こちらを使用すれば背景に使用した透過 png画像のリピート表示もしてくれます。
png画像が潰れて表示されたりという不具合もないですし高速表示してくれます。

ダウンロード

DD_belatedPNG

ページの少し下に行くと蛍光グリーンのダウンロードボタンがあるので、そこからスクリプトをダウンロードできます。

使い方

使用したいサイトのhead内に下記を記述します。

<!--&#91;if IE 6&#93;>
<script src="アップしたパス/DD_belatedPNG.js"></script>
<script>
     DD_belatedPNG.fix('セレクタ, img');
     // ↑ セレクタの所へ透過PNGのIDなどを指定
</script>
<!&#91;endif&#93;-->

セレクタにいくつか指定するばあいはコンマで区切って記入して下さい。img要素全てを指定する場合は、ここにimgと記入します。この方が楽かもしれませんね。

背景で透過pngを使用する際も簡単です。背景で使用するdivなどのクラス名をセレクタに指定するだけです。

※body・tr・td要素の背景には使えないようです。

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー トラブル コードサンプル スライドショー コンテンツ 素材 jQueryプラグイン Facebook php 引っ越し お知らせ JavaScript CSS カテゴリー Shareボタン IE 投稿タイプ seo Photoshop HTML5 レスポンシブ サイドバー ナビゲーション タクソノミー WPセキュリティ Git カスタムメニュー Macアプリ PHPリファレンス SVG query_posts API WP使い方 iTunes データベース コメント function RSS 条件分岐 get_posts() スマートフォン Sass/Compass マルチサイト機能