ÍøÂçѧԺ w3popÉçÇø ÍøÂç×ÊÔ´ ITÐÂÎÅ

w3pop.com :: ÍøÂçѧԺ :: WEBÉè¼Æ×ÛºÏ :: IEÖÐαÀà:hoverµÄʹÓü°BUG

»áÔ±µÇ½

ÕʺÅ

ÃÜÂë

»Ø´ð

¼ÇסÃÜÂë

Íü¼ÇÃÜÂë? ×¢²á

WEBÉè¼Æ×ÛºÏ
IEÖÐαÀà:hoverµÄ..
ºÏÀíʹÓÃHTML±êÇ©..
³£ÓÃCSSËõдÓï·¨×..
CSS¶¥¼¶¼¼ÇÉ
CSSµÄ³£Óü¼ÇÉ·ÅË..
µ¼º½ÉÏÓÃCSS±êÖ¾µ..
ÓÃCSSÖÆ×÷µÄÃÀ¹ú¹..
CSSÖÆ×÷µÄÒõÓ°Á´½..
¸ù¾Ý·Ö±æÂʲ»Í¬µ÷..
CSS²¼¾Ö¶¨Î»ÏµÁУ..
ÍêÈ«CSSÊó±êÐüÍ£T..
CSS³£¼û¼¼Çɼ°ÎÊÌ..
̸̸CSSÑùʽ±íµÄÃ..
CSSÑùʽ±í¶¨ÒåÁ´½..
DIV ºÍ TABLE Ó¦¸..
ΪʲôҪÅׯúHTML
CSS2ºÐÄ£Ð͵Ä3Dʾ..
ÍøÒ³ÖÆ×÷Ð¡ÃØ¾÷
Meta ¡ª ÈÝÒ×±»ºö..
ʲôÊÇweb±ê×¼

IEÖÐαÀà:hoverµÄʹÓü°BUG


×÷Õß:chinahtml.com ·­Òë/ÕûÀí:w3pop.com ·¢²¼:2007-06-14 ä¯ÀÀ:5154 :: ::

:hoverÊÇÎÒÃÇÔÚCSSÉè¼ÆÖÐ×î³£ÔËÓõÄαÀàÖ®Ò»£¬Ðí¶àѤÀöЧ¹ûµÄʵÏÖÀë²»¿ªÎ±Àà:hover£¬±ÈÈçÎÒÃdz£¼ûµÄ´¿CSS²Ëµ¥¡¢Ïà²áЧ¹ûµÈµÈ¡£

»òÐíÓÃÁËÕâô¾ÃµÄαÀà:hover£¬»¹Óв¿·ÖÅóÓÑ»¹²»ÍêÈ«Á˽âhoverµÄ¹æÔò£º

ÒýÓÃ:

ÔÚCSS1ÖдËαÀà½ö¿ÉÓÃÓÚa¶ÔÏó¡£ÇÒ¶ÔÓÚÎÞhrefÊôÐÔ£¨ÌØÐÔ£©µÄa¶ÔÏ󣬴ËαÀ಻·¢Éú×÷Óá£
ÔÚCSS2ÖдËαÀà¿ÉÒÔÓ¦ÓÃÓÚÈκζÔÏó¡£

µ«Ä¿Ç°IE5.5¡¢IE6½öÖ§³ÖCSS1ÖеÄ:hover£¬²»¹ýгöµÄIE7ÊÇÖ§³ÖCSS2ÖеÄ:hover¡£

µ±ÎÒÃÇÓÃαÀà:hover×öÄ³Ð©ÌØÊâЧ¹ûʱ£¬ÒÀ¾ÝCSS2ºÜºÃÍê³É£¬µ«ÎªÁËÏÖÔÚÕ¼¾ÝÖ÷Á÷ä¯ÀÀÆ÷µÄIE6£¬ÎÒÃÇÓÖ²»µÃ²»×öºÜ¶à¹¤×÷£¬±ÈÈç¸øÌí¼ÓaÔªËØµÈÀ´Ä£ÄâÍê³É×îÖÕµÄЧ¹û¡£

»òÐíÕâÑù½²Ì«¿Õ¶´£¬Çë¿´ÏÂÃæÒ»¸ö³£¼ûµÄ´¥·¢ÏÔʾµÄÀý×Ó£¨½öÑ¡ÔñIE6ΪÀý½²½â£©¡£

ÎÒÃÇÏÈÓÃCSS2µÄд·¨À´ÊµÏÖ£º

XHTML²¿·Ö£º

<ul>
<li>Êó±êÒÆ¹ýÀ´´¥·¢ÎÒ°É£¡<a href="#" title="">¹þ¹þ£¬ÖÕÓÚ±»Äã·¢ÏÖÁË£¡</a></li> 
</ul>

CSS²¿·Ö£º

* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; color:#fff; position:relative;}
li a {display:none;}
li:hover a{display:block; text-decoration:none;width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}

ÑÝʾЧ¹û£º

ÔËÐдúÂë¿ò

´ó¼Ò¿ÉÒÔ²âÊÔ·¢ÏÖÔÚFFµÈ¶ÔCSS2Ö§³ÖºÜºÃµÄä¯ÀÀÆ÷ÖУ¬¿ÉÒÔÏÔʾÎÒÃÇËùÒª´ïµ½µÄЧ¹û£¬µ«ÔÚIE6ÖÐÈ´ÎÞ·¨ÊµÏÖ¡£

ÏÂÃæÈÃÎÒÃÇ»»Ò»ÖÖ˼ά£¬ËùÓÃCSS1µÄд·¨À´¿´¿´£¬Õâ¸öʱºòÓÉÓÚÎÞ·¨Ö§³ÖliÔªËØ:hoverµÄʹÓã¬ÎÒÃÇÖ»ºÃ°ÑËùÓÐÎÄ×Ö°üº¬µ½aÖУ¬¶ÔaʹÓÃ:hover£¬²¢ÇÒ½«ÒªÏÔʾÒþ²ØµÄ²¿·Ö·Åµ½spanÔªËØÖУ¬Ê×ÏÈÎÒÃǶÔXHTML½øÐв¿·Öµ÷Õû£¬µ÷ÕûÈçÏ£º

XHTML²¿·Ö£º

<ul>
<li><a href="#" title="">Êó±êÒÆ¹ýÀ´´¥·¢ÎÒ°É£¡<span>¹þ¹þ£¬ÖÕÓÚ±»Äã·¢ÏÖ</span></a></li> 
</ul>

CSS ÖÐÎÒÃǽ«aµÄÉèÖÃ³É¿é¼¶ÔªËØ£¬²¢Ê¹aµÄ´óСºÍ¿í¶ÈºÍliµÄÏàͬ£¬²¢ÉèÖÃaΪÏà¶ÔλÖã¬ÓÃaÀ´Ä£ÄâÉÏÀýÖеÄli£»¶øÓÃspanÀ´Ä£ÄâÉÏÀýÖеÄa£¬ÉèÖà spanÔÚĬÈÏÇé¿öÏÂÒþ²Ø£¨display:none;£©£¬µ±a±»´¥·¢Ê±£¨:hover£©£¬ÔòspanÏÔʾ£¨display:block;£©

ÆÀÂÛ (0) All