ÍøÒ³Öг£¼ûCSS HackµÄʹÓÃÕûÀí
_property:value
ÊôÐÔǰ¼Ó_Ïß,¸Ãhack¶ÔIEÓÐЧ£¬ÔÚFFÏÂÎÞЧ
Õâ¶Î´úÂëÔÚIEÏ¿´,divµÄ±ß¿òΪÀ¶É«,¶øÔÚFireFoxÏÂÎÞЧ
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*Õâ¸öÔÚIEÏ¿ÉÒÔ¿´µ½±ß¿òΪ»ÒÉ«£¬¶øÔÚFFÏÂÊÇûÓÐÈκεÄЧ¹û*/
</style>
Ñ¡Ôñ·û {width:IE5.x¿í¶È; voice-family :"\"}\""; voice-family:inherit; width:ÕýÈ·¿í¶È;}
IE5.5¼°ÒÔϰ汾²»ÈÏ,ÆäËü°æ±¾ÓëFF¶¼ÈÏ
ÈçÏ£¬¸Ã¶Î´úÂëÔÚFFÓëIE6/IE7ÄÜÕýÈ·ÏÔʾdiv¿í¶ÈΪ200px
<style type="text/css">
#tx_width{voice-family :"\"}\"";
voice-family:inherit;
width:200px;
}
</style>
±»Ó¦ÓÃÁË!important;µÄÊôÐÔ½«ÔÚIEÖÐÎÞЧ£¬¶ÔFFÓÐЧ¡£
<style type="text/css">
#div1
{
background:red !important;
background:blue;
}
</style>
Ïà¹ØÎĵµ£º
1.»ù±¾Óï·¨
¡¡¡¡
¡¡¡¡CSSµÄ¶¨ÒåÊÇÓÉÈý¸ö²¿·Ö¹¹³É£ºÑ¡Ôñ·û£¨selector£©£¬ÊôÐÔ£¨properties£©ºÍÊôÐÔµÄȡֵ£¨value£©¡£
¡¡¡¡»ù±¾¸ñʽÈçÏ£º
¡¡¡¡selector { property: value}
¡¡¡¡£¨Ñ¡Ôñ·û { ÊôÐÔ£ºÖµ}£©
¡¡¡¡Ñ¡Ôñ·ûÊÇ¿ÉÒÔÊǶàÖÖÐÎʽ£¬Ò»°ãÊÇÄãÒª¶¨ÒåÑùʽµÄHTML±ê¼Ç£¬ÀýÈçBODY¡¢P¡¢TABLE……£¬Äã¿ÉÒÔÍ ......
CSS filter:RevealTrans Ó÷¨£º
Filter:revealtrans(duration=ת»»µÄÃëÊý£¬transition=ת»»µÄÀàÐÍ£©
CSSµÄRevealTrans¶¯Ì¬Â˾µÊÇÒ»¸öÉñÆæµÄÂ˾µ£¬ËüÄܲúÉú23ÖÖ¶¯Ì¬Ð§¹û£¬¸üÎªÆæÃîµÄÊÇËü»¹ÄÜÔÚ23ÖÖ¶¯Ì¬Ð§¹ûÖÐËæ»ú³éÓÃÆäÖеÄÒ»ÖÖ¡£
¡¡¡¡Á½¸ö²ÎÊýTransitionºÍDuration£¬·Ö±ðÊDZ任Ч¹ûºÍ³ÖÐøÊ±¼ä£¬ÆäÖÐDurationÊǸ¡µãÊý¡£
......
ÔÚ˵µ½Õâ¸öÎÊÌâµÄʱºò£¬Ò²ÐíÓÐÈË»áÎÊCSSÖв»ÊÇÓÐvertical-alignÊôÐÔÀ´ÉèÖô¹Ö±¾ÓÖеÄÂ𣿼´Ê¹ÊÇijЩä¯ÀÀÆ÷²»Ö§³ÖÎÒÖ»Ðè×öÉÙÐíµÄCSS Hack¼¼Êõ¾Í¿ÉÒÔ°¡£¡ËùÒÔÔÚÕâÀïÎÒ»¹Òª啰àÂÁ½¾ä£¬CSSÖеÄÈ·ÊÇÓÐvertical-alignÊôÐÔ£¬µ«ÊÇËüÖ»¶Ô(X)HTMLÔªËØÖÐÓµÓÐvalignÌØÐÔµÄÔªËØ²ÅÉúЧ£¬ÀýÈç±í¸ñÔªËØÖеģ¼td£¾¡¢£¼th£¾¡¢£¼caption£¾ ......
DIV£«CSSÍøÒ³²¼¾ÖÕâÊÇÒ»ÖÖÇ÷ÊÆ,ÎÒÒ²¿ªÊ¼Ë³Ó¦Õâ¹ÉÇ÷ÊÆÁË,²»¹ýÔÚʹÓÃDIV£«CSSÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6¡¢IE7¡¢FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜÂÒµÄÒ»ËúºýÍ¿£¡ÎÒ¾³£±»ÕâЩ¶«Î÷ÕûµÄ½¹Í·Àöî,ÓÚÊǺôÔÚÍøÉÏÕÒÁËЩ×ÊÁÏ,¼ÓÉÏ×Ô¼ºµ ......
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......