Iepngfix
Upcoming SlideShare
Loading in...5
×
 

Iepngfix

on

  • 3,482 views

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

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

Statistics

Views

Total Views
3,482
Views on SlideShare
3,480
Embed Views
2

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Iepngfix Iepngfix Presentation Transcript

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