[css]マウスオーãƒãƒ¼æ™‚ã«ç”»åƒé€éŽã‚’ã•ã›ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’表ç¾ã™ã‚‹cssテクニック – devolencssã§ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼(ホãƒãƒ¼)時ã«ç”»åƒé€éŽã‚’ã•ã›ç°¡å˜ã«ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’表ç¾ã™ã‚‹æ–¹æ³•ã€‚ éžå¸¸ã«ç°¡å˜ã«ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’表ç¾ãŒã§ãã‚‹ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ※上ã®ç”»åƒã¯è¨˜äº‹å†…容ã¨å…¨ã関係ã‚ã‚Šã¾ã›ã‚“m(__)m ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼(ホãƒãƒ¼)時ã®è¡¨ç¾ã¨ã—ã¦ç”»åƒé€éŽã‚’ã•ã›ã¦ã„ã‚‹ã¾ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ル画åƒã«ã€ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‚‚らãˆã‚Œã°å°‘ã—è–„ããªã£ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã®é€éŽå‡¦ç†ã®æ–¹æ³•ãªã‚“ã§ã™ãŒéžå¸¸ã«ç°¡å˜ã§ã™ã€‚ ■以下CSSã§ã®ç”»åƒé€éŽã®æ–¹æ³•ã€‚ ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ç”»åƒé€éŽã‚’ã—ãŸã„「imgã€ã«ä»¥ä¸‹ã®CSSを記述ã—ã¦ãã ã•ã„。 div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } â– ãƒã‚¤ãƒ³ãƒˆ â– filte
IE6, 7対応費用ã«é–¢ã—ã¾ã—㦠| æ ªå¼ä¼šç¤¾ã¾ã¼ã‚ã—
{{#tags}}- {{label}}
{{/tags}}