Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

cssÓÃexpressionÀ´Çø·ÖÖ»¶ÁÎı¾¿ò


<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:´¦Àí·½Ê½£º
     expression(²Ù×÷ÊÖ·¨)£»
       expression(?:)


Ïà¹ØÎĵµ£º

DIV+CSSÉñ»°

×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼ÆÊ¦£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©Á˰×Íà×ÓÒ»Ñù¡£
T ......

CSS hack£ºIE6£¬IE7£¬firefoxÏÔʾ²»Í¬Ð§¹û

Çø±ð²»Í¬ä¯ÀÀÆ÷µÄCSS hackд·¨£º
Çø±ðIE6ÓëFF£º
       background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
       background:green !important;background:blue;
Çø±ðIE7ÓëFF£º
      &nb ......

Div+CSSÔÚÍøÕ¾Éè¼ÆµÄÓÅÊÆ

    1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾; 
    2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo 
    3.Ëõ¶Ì¸Ä°æÊ±¼ä¡£Ö»Òª¼òµ¥µÄÐ޸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏÇ§Ò³ÃæµÄÕ¾µã¡£ 
    4.Ç¿´óµ ......

¼¸¸ödiv+cssͼƬ¹ö¶¯ÏÔʾµÄ´úÂë

ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......

ÓÃcssÈÃͼƬ×Ô¶¯ÊÊÓ¦´óС

ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ