fantastic0924 より：

2009/04/30 8:19 AM

smknさん

はじめましてfantastic0924と申します。
web業界歴一年とチョットの初心者です。現在ポートフォリオサイト作ってまして透過ＰＮＧを背景に使用すると、、でましたＩＥ６です。表示されません。
それで色々と探っていましたとこと、smknさんの記事にたどり着きました。見事問題は解決されました。本当に感謝しています。有難うございました。respect!

smkn より：

2009/04/30 11:05 AM

＞fantastic0924 さま
コメントありがとーございますっ！
お役に立てたなら光栄です☆
画像処理もＣＳＳレンダリングも悪意の塊のようなＩＥ６ですが、それでもシェアは無視できませんからね。。。
お互い涙を飲みつつ(笑)、頑張りましょー！

off より：

2009/05/02 6:17 AM

こんにちは。役に立つ記事をありがとうございます。

このように配置したDIV要素のヘッダとフッタに挟まれたにこれを使って透過PNGを背景リピートさせた場合、表示が不安定になるのですがこれはバグですかね？

具体的にはページの再読み込みなどをした場合に、30%位の確率で背景リピートが途中で消えてしまうんですよね。

Windowsの自動更新でIE8に自動アップデートするようになったので、早くIE6がこの世から消えますように(笑)

smkn より：

2009/05/02 12:04 PM

＞off さま

お褒めのお言葉、きょーしゅくです！
多分コメント時に書かれた例題が消えてしまってるので何とも言えませんが、前後のDIVを試しに消してみて、ピンポイントで動作確認してみて、それだと問題ないようであれば、CSSかJSの問題だと思います。

もしくは、ページに既にたくさんのJSを読み込ませているならば、そこら辺がぶつかってるか、全て読み込まれる前にDDさんが動作しちゃってるか。

なんにせよ、IE6が悪い子なのに変わりありませんが(笑)。

tomo より：

2009/06/17 2:45 PM

初めまして！あまりの衝撃と喜びで書きこみします。
この紹介記事のおかげで、今までできなかったpngの
背景くり返しパターンが簡単にできるようになりました！

ほんとにありがとう！感謝です！

ぴえ より：

2009/07/28 3:31 PM

へー、探せばあるもんですねぇ。
便利、便利。

すじ より：

2009/08/07 8:12 PM

これは便利！！と思ったんですが、ウインドウをリサイズすると（透過部分が動くと？）IEで激しくちらつきます…
うちだけでしょうか。

うーん、ほかのライブラリはどうだったか覚えてないですが、もしかして透過系はみんなこうだったかな？
惜しいです。

Ryan より：

2009/11/02 12:11 AM

これは使い勝手がよくていいですね。
ただ一つ残念なのは、offさんも似たことをおっしゃってますが、途中で背景が消える場合があるってことですね。

私の環境では途中でグーグルアドセンスを表示させる部分で背景が途切れます。
リロードするとたまに表示される場合もあるんですが、殆どだめですね。
恐らくはJsのバッティング（？）的なことなんでしょうね。
私はJavascriptは全くわからないので、直せませんが、だれか改造できる人いないかな～なんて・・ｗ

usa より：

2009/12/08 9:10 AM

とっても助かりました！ありがとうございます。

ところで、IEで背景に降らせる透過の雪png画像はきちんと透過できるのですが
、#mainのbgがIE6で透過になりません・・・
head内の書き方がわるいのかな？

「()の中のcssな書き方」ってこれで間違ってるから反映されないのですよね？
助けてください。
div id=mainのbg画像を透過したいのです。

DD_belatedPNG.fix(‘img,main’);

全体の背景はfixedでjpegなのですが関係ないですよね。

smkn より：

2009/12/08 11:33 AM

＞usa さん

どもども、ありがとーございます！

早速ですが、問題の原因は恐らく仰るとおり、「CSSの書き方」だと思いますよー。
通常のCSSと同じく、idを指定するには # を、classには . が必要になります。
このページでのサンプルコードでいうなら
DD_belatedPNG.fix(‘img, .png_bg’); ってのは
「img要素と、クラス名”png_bg”にDDを対応させなさいよね」って意味になります。

長くなりましたが、多分headの部分に
DD_belatedPNG.fix(’img,#main’);という風に
id名＃を書き足してみてくださいなー♪

usa より：

2010/03/29 2:43 AM

解答ありがとうございました！

解答見るまえに、#mainの中にbg_pngというクラスを作って、
そこを透過画像をbg指定して凌いでいました(＠＠;)

今度は、head内のとこで＃つけたid指定してやってみます！

cs より：

2010/11/06 9:10 PM

はじめまして
今回ＩＥ6のＰＮＧ透過に悩まされています。

画像リンクの方法を再現しようとしましても上手く行きません＾＾；

ＩＥ6のテスターで、動作確認しますと透過されません＞＜；
透過のみだけでしたら、平気なようなのですが。

#rollover01 {width:○○○px;height:○○○px;}

→このＣＳＳにdisplay: block;を足したのが原因でしょうか？

head内

DD_belatedPNG.fix(‘img, .png_bg’);

body内

ｃｓｓ内
#rollover01 {width:520px;height:520px;}
a#rollover01:link {background-image: url(images/xxx.png);}
a#rollover01:visited {background-image: url(images/xxx.png);}
a#rollover01:hover {background-image: url(images/xxx_on.png);}
a#rollover01:active {background-image: url(images/xxx_on.png);}

です、どこか間違ってますでしょうか？＾＾；
お手数ですが、教えていただけると大変助かります。

smkn より：

2010/11/07 6:05 AM

＞cs さん

ご来場ありがとーございますーｗ
さっそくですが、body内のhtmlが消えちゃってるので何とも言えませんが、a要素に class=png_bg って書いてあれば、特に書き方的には問題なさそうですねー。
今ちょっと純正IE6の環境が無いので断言はできないんですが、可能性としては、IEがテスターだからか（結構テスターは言うコト聞かない時があります）、どっかに孔明の罠（ものすごい些細なミス）か、あたりじゃないかと。
あんまお役に立てず、申し訳ありません＞＜

yuki9q より：

2010/12/27 11:17 PM

はじめまして！
今回どうしてもpng画像を使いたく詰まっていたところでたどりつきました。とても助かりました。ありがとうございます。
最近web等についてblogを書き始めたのですが、エントリーの方に参考としてURLを貼っても構わないでしょうか？

smkn より：

2010/12/28 3:20 AM

＞yuki9q さん

はじめましてー！お役に立てて光栄でございます☆
URLの件、全く問題ないですよー♪むしろお気遣いありがとございますm(_ _)m

それにしてもテクスチャーの使い方すごい上手ですねー！web系らしくない（もちろんいい意味で！）、あったかい雰囲気で。

今後ともよろしくお願い致しますです！

nisshin より：

2011/01/21 7:41 PM

はじめまして

DD_belatedPNG.js、さっそく導入しました。
おおっ、いいじゃん。
と思ったのも束の間、

【html】
…

ああああ

いいいいい

【css】
#test{
margin:50px auto;
width:500px;
}
.top{background-color:#99FF33;}
.middle{background-color:#FFFF99;}
.bottom{background-color:#00FFFF;}

↑こういう風に書くと、
「#testの上margin:50px」がie6で無視されるんですね。
またお前かと。
苦し紛れに#testの上に空divを入れるとなぜか解決…

う～ん。。
みなさんおっしゃる通り、ie6がこの世から消えてくれれば
大勢の人が幸せになれるのに…

buchi より：

2011/07/05 5:59 PM

別のjsを使っていたのですが、不具合が出たので乗り換えました。
問題なくpngが表示されて助かりました！
ありがとうございます。

smkn より：

2011/07/09 11:25 PM

＞buchi 様
お役に立てたようで、なによりです☆

png より：

2011/07/25 5:19 PM

jsを使用させていただいています。
何人かの方がおっしゃっていますが、IE6で特定のページだけ
背景が下までリピートしないで、途中で途切れてしまいます。
試しにjsを切ったところ直りました。こちらの改善策はありませんでしょうか？

png より：

2011/07/26 6:33 PM

追記です。
clearfixのクラスをfirefoxでとってみたところ、
IE6の背景が下までリピートしない状態と同じ表示になりました。
もしかすると、clearfixとddのクラスを同じdivにかけていると、問題なのでしょうか。

smkn より：

2011/07/27 4:08 PM

＞ png 様
コメントありがとーございますっ！
背景リピートの諸問題に関しては、自分もちょっと原因が分かりません＞＜
多分バグ報告として作者様の方にも上がってると思うので、もしかしたら今後改善されるかもしれないですが、現状では涙を飲んで甘受するしかなさそうです。
お力になれず申し訳ありませんm(_ _)m

may27 より：

2012/04/27 7:17 PM

参考にさせていただきました。
本jsを導入し、うまく表示できたかに思えたのですが、背景ではなく直接imgタグで透過pngを読み込んでいる時に、IE8でブラウザ側で拡大をかけると、画像自体が拡大されなければいけないところ、まるで背景画像のrepeatがかかったかのような表示になってしまいました。。
結局別の対策をとり難を逃れましたが、利点が欠点になってしまうとは…