¹ØÓÚ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 ......
ΪʲôÎÒµÄÒ³ÃæÔÚie6ÖÐÕýÈ·£¬ÎұʼDZ¾Æ»¹ûµçÄÔÉÏ»ðºüÒ²ÄÜÏÔʾÕý³££¬360ÓÎÀÀÆ÷Ò²Õý³£ Ϊʲôµ½ÁËxpµÄ»ðºüÉÏ ¾Í±äÐÎÁËÄØ£¿ÔÚÏߵȸßÊÖ°¡£¡£¡£¡
»ðºü¾ÍÊÇÕâÑùµÄ
Ö÷ÒªÊÇÑùʽ»ðºü²»ÈÏʶ£¬¸Ä³É»ðºüÈÏʶµÄÑùʽ±í¾Í¿ÉÒÔÁË ......
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¿ØÖƵĻ°£¬div»áÏԵúܴó£¬ÄÇô¸ÃÈçºÎÓÃcss¿ØÖÆÔÚÒ³ÃæÏÔʾµÄ´óС£¬ÒÔ¼°Ïà¶ÔÒ³ÃæµÄλÖã¿£¿£¿£¿
<div class=tree>
</div>
.tree{
font-family: MS UI Gothic;
font-size ......
³õѧCSS Óöµ½Ò»¸öÎÊÌâ ²»ÖªµÀÔõôʵÏÖ ¸ßÊÖ°ï°ïæ
ÎÒ¶¨ÒåÁËÒ»¸ö±ß¿ò ÏëÈñ߿òµÄ×óÓÒÁ½±ß·¢¹â ÓÃÂ˾µfilter:glow()Ó¦¸Ã¿ÉÒÔʵÏÖ¿ÉÊDz»ÖªµÀÔõôд
Èç¹û²»ÄÜʵÏÖʲô·½·¨ÄÜʵÏÖÄØ£¿
ÎÒдµÄ
......