『【効かない！】DD_belatedPNGで透過pngが透過しない時の対処法』
IE6への透過pngの対処法は色々ありますが、有名かつとても実用的で私もよくお世話になっている「DD_belatedPNG_0.0.8a.js」についての使い方とハマりやすい注意点を挙げたいと思います。 特徴 ダウンロード 使い方 注意点 その他の対処法 特徴 IE6以下に対しても透過pngがちゃんと透過して表示できるようにしてくれるJavascriptです。 また設定がとっても簡単で使いやすいです。そして重要なポイントとして背景画像に「透過png」を指定してもちゃんと透過してくれるという点。さらに、background-positionプロパティにも対応しています。 ダウンロード ダウンロード先は下記から http://www.dillerdesign.com/experiment/DD_belatedPNG/ 使い方 jqueryなどに依存せず単独で動作するので便利です。 内で「DD_
IE PNG Fix の使い方
今回はIE PNG Fixを使ってみたので、使い方をついでにメモしておきました。ちなみにIE PNG Fix 2が去年登場してるみたいなので、ここではIE PNG Fix 2の使い方を紹介します。 IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル ダウンロード Beta Testing Areaにアクセスして、IEPNGFix v2.0 Alphaをクリックしてダウンロードします。 ファイルを組み込む ダウンロードしたファイルを解凍したらiepngfix.htc、blank.gif、iepngfix_tilebg.jsの3つのファイルを任意のフォルダにコピーします。 そして、CSS内に以下のように記述してiepngfix.htcを読み込ませます。太字のところは自分の環境に合わせて書き換えてください。
【使用例】IE PNG Fix 2.0 Alpha 2
下準備 http://www.twinhelix.com/css/iepngfix/ から IE PNG Fix 2.0 Alpha 2 をダウンロードします。 CSSファイルに以下の１行を入れておきます（htcへのパスは、CSSではなくHTMLからのパスである点に注意） img, div, input { behavior: url("iepngfix.htc") } 以上！ ※背景画像にPNGを使い、それをリピートさせたい時は、JavaScriptファイル「iepngfix_tilebg.js」を<head>内に読み込んでください。 <script language="JavaScript" type="text/javascript" src="iepngfix_tilebg.js"></script> The standard Lorem Ipsum passage, used s
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
HugeDomains.com
Captcha security check monodez.com is for sale Please prove you're not a robot View Price Processing
透過PNGをIE6に対応させる方法いろいろ｜その他のJSライブラリ｜Ajax｜PHP & JavaScript Room
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE6で透過pngを表示する
IE6で透過pngを表示する