Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
タグ
- すべて
- まとめ (16)
- .htaccess (7)
- 2009 (15)
- 2ch (6)
- 3d (27)
- AfterEffects (3)
- CAD (2)
- DS (6)
- DTM (3)
- DivX (3)
- DivX_Stage6 (2)
- Dreamweaver (3)
- English (2)
- FTP (3)
- Git (5)
- H.264 (2)
- OAuth (6)
- PSP (25)
- PageFlip (3)
- SNS (14)
- Titanium (2)
- Vista (13)
- WYSIWYG (2)
- XML (15)
- accordion (3)
- action (12)
- actionscript (53)
- ad (2)
- adobe (12)
- adobemax2007 (15)
- adobemax2009 (6)
- adsense (7)
- air (50)
- ajax (61)
- alarm (3)
- algorithm (4)
- alternativa3d (2)
- amazon (2)
- analytics (21)
- android (68)
- animation (24)
- apache (5)
- api (39)
- app (16)
- apple (9)
- apps (63)
- ar (2)
- art (5)
- as2 (4)
- as3 (291)
- asdoc (3)
- auction (4)
- background (34)
- backup (15)
- batch (2)
- battery (2)
- betweenas3 (6)
- bitmap (8)
- bitmapdata (5)
- blog (40)
- blogparts (3)
- bookmark (7)
- bookmarklet (5)
- bootstrap (5)
- box2d (22)
- browser (26)
- brush (80)
- buddypress (12)
- business (33)
- businesscard (6)
- button (3)
- c (4)
- calendar (16)
- calender (6)
- campaign (13)
- canvas (3)
- captcha (2)
- capture (2)
- cart (3)
- category (2)
- chat (2)
- chrome (18)
- clock (3)
- cm (2)
- cms (20)
- coding (5)
- collada (3)
- color (19)
- command (6)
- comment (7)
- components (3)
- coockpad (2)
- cook (2)
- cookie (2)
- cooking (3)
- cookpad (6)
- cool (19)
- coreserver (2)
- css (192)
- css3 (39)
- csv (3)
- customfield (9)
- date (3)
- debug (25)
- del.icio.us (4)
- demo (2)
- design (130)
- development (48)
- dictionary (2)
- displacementmapfilter (2)
- doctype (2)
- domain (5)
- download (19)
- drawing (2)
- dropbox (4)
- dropdown (4)
- dvd (6)
- ec (7)
- eclipse (2)
- eco (4)
- editor (12)
- effect (23)
- emulator (7)
- error (4)
- event (7)
- evernote (8)
- excel (17)
- extension (54)
- extensions (2)
- facebook (63)
- fashion (5)
- favicon (8)
- fax (2)
- fdt (4)
- feed (6)
- firebug (4)
- firefox (82)
- fireworks (3)
- fladdict (5)
- flartoolkit (2)
- flash (574)
- flashdevelop (45)
- flashlite (25)
- flashlite1.1 (5)
- flashplayer10 (8)
- flashswither (2)
- flat (3)
- flex (8)
- flick (2)
- flickr (6)
- flower (5)
- flv (23)
- flvplayback (3)
- font (118)
- food (7)
- form (46)
- framework (15)
- free (383)
- freelance (20)
- fusekit (2)
- gadet (2)
- gadget (7)
- gallelly (6)
- gallery (42)
- game (46)
- generator (50)
- gif (5)
- gigazine (6)
- gihyo (4)
- gmail (11)
- google (64)
- googleanalytics (4)
- googlecalendar (3)
- googlechrome (7)
- googlemaps (32)
- googlereader (2)
- gradient (9)
- graphic (13)
- greasemonkey (11)
- grid (7)
- haXe (4)
- hack (20)
- hatena (7)
- hdd (3)
- hospital (2)
- howto (11)
- htaccess (11)
- html (23)
- html5 (83)
- iOS (14)
- iOS5 (2)
- icon (171)
- ie (14)
- ie6 (29)
- illustrator (56)
- image (71)
- inspiration (78)
- interactive (18)
- interface (25)
- ipad (26)
- iphone (294)
- ipod (5)
- ipod_touch (21)
- ipodtouch (5)
- itunes (13)
- jailbreak (5)
- javascript (180)
- job (5)
- jplayer (2)
- jqtouch (3)
- jquery (373)
- js (31)
- jsfl (7)
- kakaku (2)
- kinect (2)
- layout (5)
- leopard (2)
- less (3)
- library (150)
- lifehack (10)
- lightbox (14)
- linux (2)
- loading (10)
- logo (27)
- mac (51)
- mail (14)
- mailto (2)
- manual (2)
- map (6)
- mashup (2)
- material (3)
- matrix (5)
- microsoft (6)
- mindmap (6)
- mixi (10)
- mobile (137)
- mockup (5)
- motion (21)
- movabletype (12)
- movie (47)
- mp3 (6)
- mpeg (2)
- music (24)
- mysql (6)
- navigation (63)
- news (3)
- node.js (5)
- objective-c (18)
- office (3)
- ogp (3)
- oop (4)
- opensource (2)
- osx86 (3)
- package for iphone (2)
- pagination (5)
- papervision3d (4)
- particle (6)
- patch (2)
- pattern (45)
- pc (4)
- pdf (9)
- photo (54)
- photobook (4)
- photoshop (305)
- php (77)
- phpmyadmin (2)
- picasa (5)
- pinterest (2)
- pjax (2)
- player (14)
- plugin (336)
- png (17)
- portal (4)
- portfolio (19)
- powerpoint (3)
- presentation (2)
- print (6)
- programming (39)
- progression (75)
- promotion (6)
- prototype (2)
- psd (34)
- pv3d (29)
- qtranslate (2)
- r4 (4)
- recipe (14)
- recruit (6)
- redmine (5)
- reference (71)
- remote (2)
- report (2)
- reset (2)
- retouch (3)
- rom (11)
- roxik (2)
- rss (16)
- safari (2)
- salon (2)
- sample (85)
- science (2)
- screensaver (3)
- screenshot (4)
- scroll (9)
- scrollbar (5)
- seach (2)
- search (18)
- security (24)
- seo (30)
- serch (2)
- server (17)
- service (5)
- setting (9)
- shadowbox (3)
- shape (10)
- shop (6)
- sion (4)
- siteArchive (11)
- sitemap (5)
- sketchbook (2)
- skype (2)
- slide (10)
- slideshow (26)
- snipets (7)
- software (120)
- sound (58)
- sozai (233)
- spam (2)
- stage3d (2)
- stage6 (2)
- storage (21)
- strage (4)
- study (32)
- style (2)
- subversion (4)
- svn (4)
- swc (3)
- swf (14)
- swfobject (8)
- sync (10)
- syntaxhighlighter (3)
- tab (3)
- table (13)
- template (73)
- text (8)
- textfield (7)
- texture (80)
- tha (8)
- theme (112)
- thumbnail (3)
- thunderbird (5)
- ticker (3)
- time (2)
- tinymce (3)
- tips (843)
- todo (6)
- tokyo (6)
- tool (271)
- tools (2)
- tooltip (9)
- torrent (9)
- trace (5)
- trackback (4)
- travel (17)
- trunc (2)
- tumblr (4)
- turorial (2)
- tutlrial (2)
- tutorial (255)
- tv (2)
- tween (6)
- tweener (23)
- tweensy (6)
- twiitter (5)
- twitter (90)
- typography (11)
- ubuntu (2)
- ui (193)
- ul (2)
- uniqlo (10)
- uploader (2)
- url (6)
- usability (3)
- usb (6)
- useragent (4)
- vba (2)
- vector (76)
- veoh (3)
- veohTV (2)
- vicuna (2)
- video (24)
- vintage (2)
- vmware (3)
- voice (3)
- w-zero3 (5)
- wallpaper (24)
- wav (2)
- we (3)
- web (78)
- web2.0 (12)
- webcam (2)
- webdesign (906)
- webfont (3)
- webservice (197)
- webデザイン (2)
- web制作 (8)
- web制作会社 (8)
- wi-fi (3)
- widget (3)
- wifi (2)
- wii (2)
- wiki (10)
- windows (68)
- wireframe (4)
- wireless (2)
- wo (2)
- wonderfl (17)
- wordpress (386)
- wordprss (2)
- xampp (2)
- xcode (3)
- xhtml (3)
- xmas (8)
- youtube (23)
- yugop (4)
- zip (3)
- ★ (14)
- おもしろい (7)
- お役立ち (25)
- かわいい (2)
- これはすごい (31)
- これは便利 (17)
- まとめ (973)
- まめにチェック (2)
- アクセス解析 (2)
- アドイン (2)
- イラスト (2)
- インタラクティブ (2)
- カスタマイズ (6)
- カスタム投稿タイプ (8)
- キラキラ (7)
- クーポン (2)
- グランドゴルフ (3)
- ショートコード (2)
- スマートフォン (2)
- タブ (2)
- タモリレシピ (2)
- ドラマ (2)
- ネタ (10)
- バス (2)
- パララックス (4)
- パンくず (4)
- ピクトグラム (2)
- ブラウザ (5)
- ブラシ (2)
- ホテル (2)
- ポータル (3)
- メモ (4)
- ライブラリ (4)
- レスポンシブ (6)
- 三角関数 (2)
- 不動産 (2)
- 使える (13)
- 便利 (8)
- 保険 (2)
- 全画面 (2)
- 制作会社 (4)
- 勉強 (9)
- 医療 (2)
- 占い (2)
- 名刺 (4)
- 和 (15)
- 地震 (4)
- 学習 (2)
- 年賀状 (4)
- 引越し (4)
- 手書き (3)
- 日本語化 (7)
- 最適化 (3)
- 本 (4)
- 東京 (3)
- 正規表現 (6)
- 相場 (2)
- 絵文字 (10)
- 考え方 (2)
- 角丸 (3)
- 記法 (3)
- 連載 (8)
- 電子書籍 (6)
- 高速化 (5)
- まとめ (973)
- webdesign (906)
- tips (843)
- flash (574)
- wordpress (386)
- free (383)
- jquery (373)
- plugin (336)
- photoshop (305)
- iphone (294)
javascriptとpngに関するkanariiaのブックマーク (4)
-
kanariia 2008/12/25
iepngfixよりいいかも？！- library
- javascript
- tips
- webdesign
- ie6
- png
リンク -
チバのブログ: IE6で背景画像に透過pngを指定してリピートさせる
Copyright © chibatch.jp All Rights Reserved. | お問い合わせ先
-
透過pngを多用したサイトを作って、完全にIE6が嫌いになりました | エアロパス ::: ユーザビリティ,情報アーキテクチャ他、webについて思うことを綴るブログ
IE6の透過png対策のまとめ。なのだが、透過pngを多用したサイトがこれ。 ハーレー専門店「オールドスクールアイアン」。 最近リリースしたこのサイト、クライアントの要望は「かっちりとしたサイト」ではなく「遊び心を加えたものを」というもの。 遊んだ感じのデザインにはなったけど、HTML＋CSSで組むには苦しくなった。しょうがないので、コーディングでは透過pngを多用したけど、ご存知の通りIE6は透過pngに未対応...。この問題に丸一日はまってしまい、完全にIE6が嫌いになりました。 とは言うものの、しばらくはIE6もターゲットブラウザとして残さないといけないだろうから、透過pngの扱いについて今後のためにまとめておく。 IE6で透過pngを適用するには、IE独自拡張のfilterプロパティを使うことになるのだが、次のような方法が知られている。 JavaScriptを使う方法 minm
-
p15.jp
以前から IE 6 で透過 png を表示したいときに愛用していた iepngfix.js がバージョンアップしていました。 帰って来た IEPNGFIX 改め PNG-TR | YungSang’s PNG-TR | Google グループ 私的注目機能は iepngfix.js だと png 画像が要素のサイズに合わせて拡大・縮小されていたのですが、PNG-TR では behavior の指定方法が 3 種類 (後方互換も含めると 4 種類) 用意されており、画像のサイズを維持して表示することもできます。 何ができるようになったのかというと、例えばリストアイコンとか要素のサイズは横幅いっぱいだけど画像サイズは 15 x 15 なんていうとき、iepngfix.js では無惨に拡大された画像に胸を打ち砕かれ諦めるしかなかったのですが、PNG-TR を使うとハッピーターンを 10 袋大人買
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx