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

1. 透過 png の話 Daisuke Furukawa http://mogya.com

2. 突然ですが

3. リリースしました。 http://www.maidmail.jp/

4. 萌え萌えなメールが届きます。

5. ということで 今日は萌え系で。

6. 今日のお話

7. 透過

8. 食い込んでいる。

9. 出来る人？

10. えいちてぃえむえるのかきかた

11. ( ３ ) いんたーねっとの がぞう

12. いんたーねっとでは、さんしゅるいのがぞうをつかうことができます。

13. jpeg gif png 用途 写真 イラスト イラスト アニメーション NG OK NG 透過 NG OK OK?

14. 透過

15. インターネット の 画像 フォーマット

16. jpeg gif png 用途 写真 イラスト イラスト アニメーション NG OK NG 透過 NG OK (*)OK

17. 質問： gif の透過と png の透過は どう違うの ?

18. gif: png:

20. png 使ってみる

21. InternetExplorer ７

22. FireFox

23. safari

24. InternetExplorer ６

25. IE6 は、 透過 png に 非対応

26. そこで、 IEPNGFIX

27. やりかた

28. ダウンロード http://blog.l-xs.com/yungsang/2007/02/png_ie_ie7.html

29. 配置

30. HTML ファイル ＩＥ６以前のブラウザだけ 特別な処理

31. HTML ファイル 透過したい img だけ、 iepngfix クラスにする

32. 出来

33. ？

34. メイドさんは？

35. iepngfix.js の弱点 背景画像に対応しない

36. http://www.twinhelix.com/css/iepngfix/ IE PNG Fix 2.0 背景やリピートにも対応

37. 背景やリピートにも対応 ちょっと難しいけど、 必要ならトライしてみてください

38. 必要なのは、 二つだけ。 ｉｅｐｎｇｆｉｘ．ｈｔｍｌで試してみることが出来る

39. 配置

40. ＩＥ６以前のブラウザだけ 専用ＣＳＳを読み込ませる

41. ＩＥ専用機能 「ビヘイビア」

42. blank.gif へのパス (html ファイルから見たパス )

43. まとめ