2013年9月26日

png対策(IE6)

IE6でpngを使うと透明部分が青く表示されて、透けてみえません。

hackなどで対応させる方法があるのですが、
他とバッティングしてうまく行かない場合もあります。
それでも透明処理をしたい場合にこれを使います。


まず透明を含んだ画像をpngで用意し、「aaa.png」と保存します。
継ぎに同じ画像をgifで用意し、「aaa.gif」と保存します。

簡単に言うと、IE6の場合のみ「.png」の画像を「.gif」に差し替えるを行うだけです。
しかしgifなのでpngみたいにキレイな画像で抜く事はできません。
そこは、個人の腕の見せ所です。

本来、写真はjpgで表示させるものなのですけどね(^-^;
IE6での苦肉の策と思ってください。

<script type="text/javascript">
$(function(){
    var IE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
    if(IE6){
        $('img[src$=png]').each(function(){
            $(this).attr('src',$(this).attr('src').replace('png','gif'));
        });
    }
});
</script>

0 件のコメント:

コメントを投稿

ドメインって、早い者勝ちですよ!