pngの透過がIE6のみ適用されない件について、ようやく解決しましたのでメモメモ。

いろいろIE6透過のスクリプトは色々ありますが、過去にここで使ってた「iepngfix.js」は、いつの間にかIE6ならずIE7にまでpngデータがうまく表示されない現象が起き、他のスクリプトを色々試しても、クセが多く、効果的なpng透過スクリプトが見つかりませんでした。
とりあえず現状で一番マシかと思われるスクリプト「DD_belatedPNG.js」で対処。これもまたクセは多少あるようなので、新しいのがでてくるまで待つか、IE6使用者が減ってくれるのを待つか・・・。
現在スクリプトを入れないといけないのはIE6だけみたいなので、もうこれ以上の対策は出ないような気もします。。。

pngデータ使うとデザインの幅が広がるので多用したいんだけど、
ブラウザによって追加スクリプトを入れないといけないのが難点だよね。

ちなみにここのサイトでは、トップページの写真を背景表示して、
その上に透過処理したpngデータを置いて下の画像が見えるようにしています。
だもんで透過してくれないと写真が見れないというね。
あとはタイトル画像はすべてpngです。何気に多様(笑)

WEBで好きなデザインに組むのは大変だよ本当。
ここのサイトもやっとIE6でもまともに見れるようになりましたね。とりあえずは。

DD_belatedPNG.js使用の際にひとつ注意点。
スクリプトの記述でidかclass指定した場合は、必ず指定したcssファイルの記述よりも後に記述するようにしてくださいね。

【お詫び】
メールフォームの設定がおかしくなってまして、
メールが届かないという状態になっておりました。
もし、送ったのに届いてないよ―!って方がいらっちゃいましたら、
大変お手数ですが、再度送っていただけると助かります。

現在は修正して&携帯に転送設定も入れました。
大変申し訳ありません;;;

コメントを残す