½â¾öIE6¡¢IE7¡¢Firefox¼æÈÝ×î¼òµ¥µÄCSS Hack
ºÜÔç¾ÍÔÚÕâÀï¿´µ½¹ý½â¾ö·½°¸£¬Óëà»à»ÌÖÂÛºó·¢ÏÖÕâ¸ö·½°¸»¹ÊǺܿɿ¿µÄ¡£µ±È»£¬Î¨Ò»µÄȱµã¾ÍÊÇÿһ¸öÊôÐÔ¶¼ÒªÈ¥Hack£¬µ«ÎÒÔںܶàʵ¼ùÖУ¬Ö»ÓÑÐÞÕý’1-2¸öÊôÐԾͿÉÒÔÁË¡£
¾ßÌåд·¨ºÜÈÝÒ×£º
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
µÚһşøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ÷¿´
µÚ¶þÅŸøIE7£¨¿ÉÄÜÒÔºóµÄIE8¡¢IE9Ò²ÊÇÈç´Ë£¬ËÖªµÀÄØ£©¿´
µÚÈýÅŸøIE6ÒÔ¼°¸üÀϵİ汾¿´
×îºÃµÄÓ¦ÓþÍÊÇ¿ÉÒÔÈÃIE6Ò²“Ö§³Ö”position:fixed£¬¶øÇÒ£¬ÅäºÏÕâ¸öÔÀí£¬¿ÉÒÔ×öµ½²»ÒýÈëJavaScript´úÂ루½öÓÃIE6µÄexpression£©£¬ÎÒÕâÀïÓÐÒ»¸öÏֳɵÄÒ³Ãæ£¬CSSÈçÏÂд£º
#ff-r
{
position: fixed;
_position: absolute;
right: 15px;
top: 15px;
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop+15 :
document.body.scrollTop +
(document.body.clientHeight
-this.clientHeight));
}
ÊDz»ÊǺܷ½±ã£º£©
±¾ÎÄÀ´×Ô£ºhttp://www.awflasher.com/blog/archives/1080
Ïà¹ØÎĵµ£º
CSS(Cascading Style Sheets)²ãµþÑùʽ±í×÷ÓÃÊǽ«ÍøÒ³ÄÚÈݺÍÏÔʾÑùʽ½øÐзÖÀ룬Ìá¸ßÁËÏÔʾ¹¦ÄÜ¡£
CSS´úÂë¸ñʽ£º
Ñ¡ÔñÆ÷Ãû³Æ { ÊôÐÔÃû£ºÊôÐÔÖµ£»ÊôÐÔÃû£ºÊôÐÔÖµ£»……}
Ñ¡ÔñÆ÷£¨¶Ô²»Í¬µÄHTML±êÇ©½øÐпØÖÆ£¬²¢¸³Óè¸÷ÖÖÑùʽÉùÃ÷£¬¼´¿ÉʵÏÖ¸÷ÖÖЧ¹û£©£º
±êÇ©Ñ ......
:hoverÊÇÎÒÃÇÔÚCSSÉè¼ÆÖÐ×î³£ÔËÓõÄαÀàÖ®Ò»£¬Ðí¶àѤÀöЧ¹ûµÄʵÏÖÀë²»¿ªÎ±Àà:hover£¬±ÈÈçÎÒÃdz£¼ûµÄ´¿CSS²Ëµ¥¡¢Ïà²áЧ¹ûµÈµÈ¡£
»òÐíÓÃÁËÕâô¾ÃµÄαÀà:hover£¬»¹Óв¿·ÖÅóÓÑ»¹²»ÍêÈ«Á˽âhoverµÄ¹æÔò£º
ÔÚCSS1ÖдËαÀà½ö¿ÉÓÃÓÚa¶ÔÏó¡£ÇÒ¶ÔÓÚÎÞhrefÊôÐÔ£¨ÌØÐÔ£©µÄa¶ÔÏ󣬴ËαÀ಻·¢Éú×÷Óá£
ÔÚCSS2ÖдËαÀà¿ÉÒÔÓ¦ÓÃÓÚÈκζÔÏ ......
CssÖеÄÌõ¼þÑùʽ±í
<!--[if lte IE 6 ]>
<link rel="stylesheet" href="ie6.css" mce_href="ie6.css" media="all"
type="text/css"/>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" mce_href="ie7.css" media="all"
type="text/css"/>
<![en ......
×Ô¼º×ܽáµÄÐĵãº
1£ºÔÚcssÉè¼ÆÖУ¬µ±Í¼Æ¬²»¹»¿íʱ£¬Õâʱ¿ÉÒÔ¿¼ÂÇʹÓñ³¾°ÑÕÉ«£¨Óë¸ÃͼƬÏàËÆµÄÑÕÉ«£©À´²¹³ä¡£
2£¬ÔÚcssÉè¼ÆÖУ¬¿ÉÒÔʹÓÃͼƬµÄ±³¾°É«ÏòÍøÒ³µÄ±³¾°É«¹ý¶É
Èçͼ£º
¾ßÌå²ÎÕÕ¡¶¾«Í¨JavaScript+Jquery¡·3-20.html ......