おぎやす広辞苑
(480 keywords)

よく使われているタグ

おぎやすのお気に入り

  • 醤油辞典~うまいしょうゆ大好き!醤油マニア デイヴィッドのブック 醤油辞典~うまいしょうゆ大好き!醤油マニア デイヴィッドのブック
  • ナックルのブック ナックルのブック
  • 居室待機 居室待機
  • ブラウザ三国志攻略事典@mixi ブラウザ三国志攻略事典@mixi

おぎやす広辞苑のメンバー

  • akkun_choi akkun_choi
  • 西小倉パンデイロ 西小倉パンデイロ
  • ちく ちく
  • 里香 里香
 

pngfix

0pt

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

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

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

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

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

<!--[if lte IE 6.0]>
<script src="/javascripts/jquerypngfix.js?1268773256" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function() {jQuery("img.pngfix").pngfix();});
</script>
<![endif]-->


ただ、やっぱり微妙にレイアウトが崩れた。
たぶんimgタグをとっぱらって、背景として扱う感じになっているんだと思う。
あと、リンクもちょっと変。
そこら辺は感じ取ってハックで修正が必要かもしれません。

「pngfix」について友人に書いてもらう。

あなたにとって「pngfix」とは?

ログインするとワンクリックでキーワードを投稿できます

ログインする 新規登録する

他の人の「pngfix」を見る