¹ØÓÚ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³åÍ»ËùÖÁ¡£Íû´ïÈ˸ø°ïæ½â¾öÏ¡£
ßÀ¡£¡£¡£ÄǸöÎÒ¾ÍÊÇÔÚÍøÉÏÕÒµÄÄǸö·½·¨£¬µ«ÊÇÎҵķ½·¨ÓÖºÍÄǸö·½·¨²»Ò»Ñù¡£ËûÄǸöÖ»Ê
Ïà¹ØÎÊ´ð£º
Ƥ·ôºÍÑùʽ±í¶¼¿ÉÒÔÉèÖÿؼþµÄÍâ¹Û£¬¾ßÌåÓÐÊ²Ã´Çø±ðÄØ£¿
skin ÊÇasp.net ÌåϵµÄ ¾ÍÏ൱ÓÚ<asp:TextBox> ¶ÔÓ¦ÓÚ<input type="text">
Äã°ÑƤ·ôµ±³ÉÒ·þ£¬°ÑÑùʽ±íµ±³É»¯×±Æ·¾ÍÈÝÒ×Àí½âÁË
......
ÎÒÏë×öµÄÊÇÕâÑùÒ»¸öЧ¹û£¬Äã×ó±ß×öµÄÊǵ¼º½²Ëµ¥£¬¼ÙÈçÓÐÈô¸É¸ö³¬¼¶Á´½Ó£¬µã»÷ij¸öºóÕâ¸öÁ´½ÓµÄÄÚÈÝÒªµ½ÓÒ±ßÏÔʾ¡£µ±È»Õâ¸ö¹¦ÄÜ¿ÉÒÔʹÓÃHtmlÖÐµÄ frame¿ò¼ÜʵÏÖ£¬µ«ÊÇÏÖÔÚÓкܶàµÄä¯ÀÀÆ÷²»Ö§³ÖÕâÖÖframe£¬Äܲ»ÄÜÓÃcss ......
ÎÒ¹«Ë¾Ä¿Ç°³Ð½ÓÒ»¸öÏîÄ¿£¬widget·½Ã棬ʱ¼ä½ôÕÅ¡£ÐèҪһλ¾ß±¸Õâ·½Ãæ¼¼ÊõºÍÄÜÁ¦µÄÅóÓÑÀ´´òÔìÍŶӣ¬¹²Í¬Íê³ÉÏîÄ¿¡£È«Ö°¡¢¼æÖ°¾ù¿É¡£´ýÓö´ÓÓÅ¡£
ͬʱ»¹ÐèÒªÈô¸ÉÕâ·½ÃæµÄÈ˲ţ¬¹²Í¬Íê³É´ËÏîÈÎÎñ£¬¼æÖ°¡¢È«Ö°¾ù¿É ......
CSS code:
body{
width:100%;
font-size:12px;
font-family:tahoma,arial,'ËÎÌå';
color:#666666;
float:none;
background: url(/images/bg.gif) left top repeat-y;
text-align:center;
margin:0 auto; ......
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......