¹ØÓÚ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³åÍ»ËùÖÁ¡£Íû´ïÈ˸ø°ïæ½â¾öÏ¡£
ßÀ¡£¡£¡£ÄǸöÎÒ¾ÍÊÇÔÚÍøÉÏÕÒµÄÄǸö·½·¨£¬µ«ÊÇÎҵķ½·¨ÓÖºÍÄǸö·½·¨²»Ò»Ñù¡£ËûÄǸöÖ»Ê
Ïà¹ØÎÊ´ð£º
ÎÒÓÃDIV+CSS×öÁËÒ»¸ö¿ÉÒÔÒÆ¶¯µÄ²ã¡£¡£¡£¡£ÔõôÑù½«Õâ¸ö²ãµÄÊý¾Ý±£´æµ½Êý¾Ý¿âÖС£¡£¡£¡£ÔÚ´ò¿ªÒ³ÃæµÄʱºòÔÚ´ÓÊý¾Ý¿âÖмÓÔØ³öÀ´ÏÔʾ£¡£¡£¡£¡£¡£¡£¡ÄÄλ¸çÃÇÓÐÀý×ӵĿɲ»¿ÉÒÔ·¢¸øÎÒ
div ¶ÔÓ¦µÄλÖÃÓÃfrom¸øµ½ACTION ´æ ......
²»¶®ËûÍø¸ñÈçºÎÔÀí
\Using Nesting Grids
YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......
ÎÒºÜÃÔã
ÎÒ×öµÄ²¿·ÝDIV+CSSµÄÍøÕ¾
¶¼ÊÇÖ»ÄÜÔÚIE6ÏÂä¯ÀÀÕý³£µÄ
ÒòΪÎÒ²»Êǰ´±ê×¼À´Ð´µÄ£¬ËùÒÔÔÚfirefoxϲ¼¾Ö£¬Ð§¹û¾ÍÍêÈ«²»Í¬ÁË¡£
ÎÒ¿´ÁËһЩÀàËÆ¡°CSSÔÚieϺÍfirefoxϵļæÈÝ¡±Ö®ÀàµÄ×ÊÁÏ
ËüÃÇÖ±½ ......
¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......