¹ØÓÚCSSÑùʽ³åÍ»µÄÎÊÌ⣨±íÍ·ºÍÁй̶¨µÄÎÊÌ⣩
ÏÖÓÐÎÊÌâÈçÏ£º
ÓÐÒ»¸ö±í¸ñ£¬±íÍ·¹Ì¶¨£¬ÉÏÏÂÍ϶¯µÄʱºò±íͷλÖò»±ä¡£
ÏÖÐèÒª×ö³É±íÍ·¹Ì¶¨£¬¶øÇÒµÚÒ»ÁÐÒ²¹Ì¶¨²»±ä£¬¶øÏÖÔÚÎÊÌâÈçÏ£º
Á½¸öCSSÑùʽ£º
.Freezing
{
position: relative;
table-layout: fixed;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
color: #11418d;
background: url(../image/gvHeaderbg.gif) repeat-x;
text-align: center;
font: bold 12px/21px "ËÎÌå";
}
.fixedHeader
{
position: relative;
table-layout: fixed;
top: expression(this.offsetParent.scrollTop);
left: expression(this.offsetParent.scrollLeft);
z-index: 11;
color: #11418d;
background: url(../image/gvHeaderbg.gif) repeat-x;
text-align: center;
font: bold 12px/21px "ËÎÌå";
}
ÎÒÏÈÔÚGridviewÉèÖÃÈçÏÂ
<HeaderStyle CssClass="Freezing" />
ºǫ́´úÂëÖÐÉèÖãº
gvwShow.Columns[0].HeaderStyle.CssClass = "fixedHeader";
µ«ÊÇΪʲô¸Ã±í¸ñµÄ±íÍ·Ö»ÓÐÉÏϹ̶¨£¬×óÓÒ²»¹Ì¶¨¡£
ÎÒÈÏΪ Ó¦¸ÃÊÇCSS³åÍ»ËùÖÁ¡£Íû´ïÈ˸ø°ïæ½â¾öÏ¡£
ßÀ¡£¡£¡£ÄǸöÎÒ¾ÍÊÇÔÚÍøÉÏÕÒµÄÄǸö·½·¨£¬µ«ÊÇÎҵķ½·¨ÓÖºÍÄǸö·½·¨²»Ò»Ñù¡£ËûÄǸöÖ»Ê
Ïà¹ØÎÊ´ð£º
Ö±½Óͨ¹ýÁ´½ÓÌø×ªµ½jspÒ³ÃæµÄʱºòcssÑùʽÄÜÕý³£ÏÔʾ£¬
µ«ÊÇͨ¹ýactionºǫ́´¦ÀíÍêÒµÎñÂß¼ºóÌø×ªÓÃmappingÌø×ªµ½jspµÄʱºòÕû¸öÑùʽ¶¼Ã»ÓÐÏÔʾÁË
Ôõô½â¾ö
ллÁË
ÔõôûÈ˻شð°¡
¾ÍÊÇͨ¹ýspring·ÃÎÊjsp ......
ÎÒÔÚ±í¸ñÀïÃæ ·ÅÁËÒ»ÕÅͼƬ ÏëÈÃËûÌù×ÅÒ³ÃæµÃ×îÓÒ±ß ºÍ ×îÉÏÃæ
¿ÉÊDz»¹ÜÔõôŪ ¶¼ÓÐÒ»¶Î¾àÀë ÓиßÈ˸æËßÎÒÏÂûmargin£right ÎÒÓÃÁË Ã»ÓÃ
Ôõô°ì£¿
½¨ÒéÖ±½ÓÓà margin£ºÉϱ߾àÀë Óұ߾àÀë ϱ߾àÀë ×ó±ß¾àÀ ......
¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......
³õѧCSS Óöµ½Ò»¸öÎÊÌâ ²»ÖªµÀÔõôʵÏÖ ¸ßÊÖ°ï°ïæ
ÎÒ¶¨ÒåÁËÒ»¸ö±ß¿ò ÏëÈñ߿òµÄ×óÓÒÁ½±ß·¢¹â ÓÃÂ˾µfilter:glow()Ó¦¸Ã¿ÉÒÔʵÏÖ¿ÉÊDz»ÖªµÀÔõôд
Èç¹û²»ÄÜʵÏÖʲô·½·¨ÄÜʵÏÖÄØ£¿
ÎÒдµÄ
......
ÎÒÓÃCSS¿ØÖƵÄÍøÒ³Ò³ÃæÑÕÉ«£¬ÔÚÉè¼ÆµÄʱºò¶¼ÓÐÑÕÉ«£¬ÔõôÔÚÔËÐеÄʱºòûÓÐÏÔʾ°¡£¿ÇóÇó´ó¼Ò˵˵¿©
ÄãµÄ´úÂëÄØ£¿
body
{
background-color:#C0C9FF;
}
Ö±½ÓÕâÑùдµÄ¿©£¬È»ºóÒýÓõ½¿ØÖƵÄÍøÒ³ÀïÃæ¿© ......