S 0134fcf4b36809e06b94dc4001167cad pngfix

IE6用透過png対策をしようと思っていろいろ見ていたら、手法として大まかに2つあるみたいで

1.cssのfilterを使う
2.javascriptのライブラリを使う

最初は1を使おうかと思っていたんだけど、いろいろと問題もあるようで、めんどくさかった。
たとえば、指定したimgをaタグで囲っていると、リンクが効かなくなるとか、ie6用cssハックを多用しないといけなそうとか。

方向をシフトして2で調べていたら、jQueryのpngfixってプラグインを発見した。
http://www.campbellsdigitalsoup....

おお、いいじゃん、これ。
ただ、img要素全部にやるとめんどくさそうなのでクラス指定で使いました。
こんな感じで、pngfixクラスのimgタグに適用。



ただ、やっぱり微妙にレイアウトが崩れた。
たぶんimgタグをとっぱらって、背景として扱う感じになっているんだと思う。
あと、リンクもちょっと変。
そこら辺は感じ取ってハックで修正が必要かもしれません。
旧バージョンで表示 ググる ウィキペる 図書る アマゾる つべる ニコる ヤフオクる 英辞る ツイーターで探す

もしかして

    他の人の「pngfix」

    S 0134fcf4b36809e06b94dc4001167cad

    最新

      最新エントリ

        関連ツイート