とうとう来ましたね〜cssの「background」対応バージョン。
いままでも単純に1枚画像ならbackground-imageとして指定する事は出来たのですが、
「background-position」やら「background-repeaat」やらには対応してないものばかりでした。
これが指定出来ないのが本当につらかった・・・・

ようやく見つけましたよ。
png指定も簡単で、且つ、background指定諸々にも耐えうるJS！！

DD_belatedPNG
09/11/04現在の最新バージョンは0.0.8aのようですが、とにかく最新バージョンをダウンロードします。

使い方は、まずHTMLにjsファイルを読み込みます。
もう一つHTML側に、透過pngを使いたいタグ名やclass名をドンドン追加していきます。
公式ページのUsageには以下のソースが載っています。

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');

  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

この

DD_belatedPNG.fix(‘.png_bg’);

のカッコの中に追加していくわけです。

fix(‘.example1, .example2, img’);

みたいに。

これだけ。これだけでマウスオーバーにも耐えうるし、連続背景左上から、とかの指定も可能。
凄い・・・・かなり嬉しい・・・・
透過pngのない世界って、もう面倒くさくって振り返る気が起きなくなっちゃいますね。

タグ:, , , , ,