IEã®é€éŽPNG+opacityã®ä¸å…·åˆã‚’æ²»ã™ãƒ¡ãƒ¢ - Mach3.laBlogã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ é€éŽPNGã®å‡¦ç†ãŒä¸‹æ‰‹ãããªã®ã¯ã€IE6ã ã‘ã§ã¯ãªãã€IE7/8ã‚‚åŒæ§˜ã§ã™ã€‚ IEã§é€éŽPNGã‚’ã‚ã¦ãŸè¦ç´ ã®opacityを弄るã¨ã€å‘¨ã‚ŠãŒã‚°ãƒ¬ãƒ¼ãŒã‹ã£ã¦æ±šããªã‚Šã¾ã™ã€‚ ã“ã®ç¾è±¡ã¯ã‚ˆã知られã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ã“ã®ä¸å…·åˆã®æ²»ã—æ–¹ã®ãƒ¡ãƒ¢ã‚’記ã—ã¦ãŠãã¾ã™ã€‚ サンプルコード 例ãˆã°ã€ã“ã‚“ãªã‚³ãƒ¼ãƒ‰ã€‚ <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngã¨te
{{#tags}}- {{label}}
{{/tags}}