CSS を使ã£ã¦ IE 6 㧠PNG ã®åŠé€æ˜Žã‚’有効ã«ã™ã‚‹ | ヨモツãƒãƒƒãƒˆ
æ¦‚è¦ IE 6 㧠img è¦ç´ ã§åŸ‹ã‚込んã PNG ファイルã®åŠé€æ˜Žã‚’有効ã«ã™ã‚‹ JS ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€CSS ã§ã“れを行ã†ãŸã‚ã®æ–¹æ³•ã§ã™ã€‚ 利点ã¨ã—ã¦ã€JS ã§å®Ÿç¾ã—ãŸå ´åˆã€ä¸€çž¬ã‚°ãƒ¬ãƒ¼ã®éƒ¨åˆ†ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€ã“ã®æ–¹æ³•ã§ã¯ãã‚ŒãŒã‚ã‚Šã¾ã›ã‚“。 PNG ãŒèªã¿è¾¼ã¾ã‚ŒãŸæ™‚点ã§åŠé€æ˜ŽãŒæœ‰åŠ¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€CSS ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’用ã„ã¦ã€ã©ã® img è¦ç´ ã«å¯¾ã—ã¦åŠé€æ˜Žã‚’有効ã«ã™ã‚‹ã‹ãªã©ã‚’決ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€onload 後ã«ãƒ‰ã‚ュメント㫠appendChild ã‚„ innerHTML ãªã©ã§è¿½åŠ ã•ã‚ŒãŸ PNG ファイルã«ã¤ã„ã¦ã‚‚ã€åŠé€æ˜ŽãŒæœ‰åŠ¹ã«ãªã£ãŸçŠ¶æ…‹ã§è¿½åŠ ã•ã‚Œã¾ã™ã€‚ 動作確èªç”¨ã® demo (IE 6 用) 説明 アルファãƒãƒ£ãƒ³ãƒãƒ«ã‚’有効ã«ã—ãŸã„個所ã«å¯¾ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªCSSã‚’é©ç”¨ã—ã¾ã™ã€‚ã“ã®ä¾‹ã§ã¯ã€#sample ã®ä¸ã® img è¦ç´ ã¨ãªã‚Šã¾ã™ã€‚(セレクター
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
UNIQLO TRY | ENTRY
28millimetres
ã€å…¬å¼ã€‘Yï¼mobile（ワイモãƒã‚¤ãƒ«ï¼‰- æ ¼å®‰SIM・スマホã¯ãƒ¯ã‚¤ãƒ¢ãƒã‚¤ãƒ«ã§
[CSS]アイデア満載ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† | コリス
Dailymotion
{{#tags}}- {{label}}
{{/tags}}