Iepngfix

2,111 views

Published on

2008-11-02 webteko vol.2 tech talk.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,111
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Iepngfix

  1. 1. 透過 png の話 Daisuke Furukawa http://mogya.com
  2. 2. 突然ですが
  3. 3. リリースしました。 http://www.maidmail.jp/
  4. 4. 萌え萌えなメールが届きます。
  5. 5. ということで 今日は萌え系で。
  6. 6. 今日のお話
  7. 7. 透過
  8. 8. 食い込んでいる。
  9. 9. 出来る人?
  10. 10. えいちてぃえむえるのかきかた
  11. 11. ( 3 ) いんたーねっとの がぞう
  12. 12. いんたーねっとでは、さんしゅるいのがぞうをつかうことができます。
  13. 13.   jpeg gif png 用途 写真 イラスト イラスト アニメーション NG OK NG 透過 NG OK OK?
  14. 14. 透過
  15. 15. インターネット の 画像 フォーマット
  16. 16.   jpeg gif png 用途 写真 イラスト イラスト アニメーション NG OK NG 透過 NG OK (*)OK
  17. 17. 質問: gif の透過と png の透過は どう違うの ?
  18. 18. gif: png:
  19. 20. png 使ってみる
  20. 21. InternetExplorer 7
  21. 22. FireFox
  22. 23. safari
  23. 24. InternetExplorer 6
  24. 25. IE6 は、 透過 png に 非対応
  25. 26. そこで、 IEPNGFIX
  26. 27. やりかた
  27. 28. ダウンロード http://blog.l-xs.com/yungsang/2007/02/png_ie_ie7.html
  28. 29. 配置
  29. 30. HTML ファイル IE6以前のブラウザだけ 特別な処理
  30. 31. HTML ファイル 透過したい img だけ、 iepngfix クラスにする
  31. 32. 出来
  32. 33.
  33. 34. メイドさんは?
  34. 35. iepngfix.js の弱点 背景画像に対応しない
  35. 36. http://www.twinhelix.com/css/iepngfix/ IE PNG Fix 2.0 背景やリピートにも対応
  36. 37. 背景やリピートにも対応 ちょっと難しいけど、 必要ならトライしてみてください
  37. 38. 必要なのは、 二つだけ。 iepngfix.htmlで試してみることが出来る
  38. 39. 配置
  39. 40. IE6以前のブラウザだけ 専用CSSを読み込ませる
  40. 41. IE専用機能 「ビヘイビア」
  41. 42. blank.gif へのパス (html ファイルから見たパス )
  42. 43. まとめ
  43. 44. <ul><li>透過 png 美麗 キタ━ ( ゚∀゚ )━━!!!!! </li></ul>まとめ <ul><li>IE6 が対応していないのでつかえない ( >< ) </li></ul><ul><li>iepngfix.js で対応させられる! ( ゚ д ゚ ) ウマー </li></ul><ul><li>iepngfix.js だと、背景画像がつかえないので、 がんばる人は IE PNG Fix v2 で。 </li></ul><ul><li>IE6 使っている人、早く乗り換えてください。 </li></ul>

×