ʵÏÖGridview±íÍ·¹Ì¶¨¿ÉÒÔͨ¹ýCSSÀ´ÊµÏÖ
½«GridView·Å½øÒ»¸öPanelÖУ¬È»ºóÉèÖÃPanel¿ÉÒÔÓÐÊú¹ö¶¯Ìõ(²Î¼ûÎÒµÄÁíһƪΪGridviewÉú³É¹ö¶¯Ìõ)¡£ÉèÖÃGridviewµÄStyleΪ<HeaderStyle CssClass="GridViewHeader" />
.GridViewHeader {
position:relative ;
table-layout:fixed;
top:expression(this.offsetParent.scrollTop - 2);
z-index: 100;
background-color:white;
}
......
When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......
css+divºÍtable+cssµÄ±È½Ï
¡¡CSS£«DIVÊÇÍøÕ¾±ê×¼£¨»ò³Æ“WEB±ê×¼”£©Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ£¨table£©¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£
CSS£«DIVÍøÕ¾Éè¼ÆµÄÓÅÊÆ
Ê×ÏÈ£¬CSSµÄ¼«´óÓÅÊÆ±íÏÖÔÚ¼ò½àµÄ´úÂ룬¶ÔÓÚÒ»¸ö´óÐÍÍøÕ¾À´Ëµ£¬¿ÉÒÔ½ÚÊ¡´óÁ¿´ø¿í£¬¶øÇÒÖÚËùÖÜÖª£¬ËÑË÷ÒýÇæÏ²»¶Çå½àµÄ´úÂ루ÆäÕæÕýÒâÒåÔÚÓÚ£¬Ôö¼ÓÁËÓÐЧ¹Ø¼ü´ÊÕ¼ÍøÒ³×Ü´úÂëµÄ±ÈÖØ£©£¬Òò´ËʹÓÃCSS£«DIVµÄweb±ê×¼ÖÆ×÷µÄÍøÕ¾¾ßÓÐËÑË÷ÒýÇæÓѺõÄÒ»¶¨ÓÅÊÆ¡£
Æä´Î£¬CSS+DIVÖÆ×÷µÄÍøÕ¾Ê¹µÃÍøÕ¾¸Ä°æÏà¶Ô¼òµ¥£¬ºÜ¶àÎÊÌâÖ»ÐèÒª¸Ä±äCSS¶ø²»ÐèÒª¸Ä¶¯³ÌÐò£¬´Ó¶ø½µµÍÁËÍøÕ¾¸Ä°æµÄ³É±¾¡£
¾¡¹ÜCSS+DIV¾ßÓÐÒ»¶¨µÄÓÅÊÆ£¬²»¹ýÏÖ½×¶ÎCSS+DIVÍøÕ¾½¨Éè´æÔÚµÄÎÊÌâÒ²±È½ÏÃ÷ÏÔ£¬Ö÷Òª±íÏÖÔÚ£º
µÚÒ»£¬¶ÔÓÚCSSµÄ¸ß¶ÈÒÀÀµÊ¹µÃÍøÒ³Éè¼Æ±äµÃ±È½Ï¸´ÔÓ¡£Ïà¶ÔÓÚHTML4.0Öеıí¸ñ²¼¾Ö£¨table£©£¬CSS+DIV¾¡¹Ü²»ÊǸ߲»¿É¼°£¬µ«ÖÁÉÙÒª±È±í¸ñ¶¨Î»¸´ÔӵĶ࣬¼´Ê¹¶ÔÓÚÍøÕ¾Éè¼Æ¸ßÊÖÒ²ºÜÈÝÒ׳öÏÖÎÊÌ⣬¸ü²»ÒªËµ³õѧÕßÁË£¬ÕâÔÚÒ»¶¨³Ì¶ÈÉÏÓ°ÏìÁËXHTMLÍøÕ¾Éè¼ÆÓïÑÔµÄÆÕ¼°Ó¦Óá£
......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ壺ÑÕÉ«Îޱ仯
Õý½â£º
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ壺ÑÕÉ«ºìÉ«£¬
½áÂÛ£º
relÊÇRelationsµÄËõд Ö¸¹ØÁªµ½Ò»¸östylesheet£¨Ñùʽ±íµ¥)
ÔÚ±êÇ©ÖУ¬¡°rel=stylesheet¡±£¬relÊǹØÁªµÄÒâ˼£¬¹ØÁªµÄÊÇÒ»¸öÑùʽ±í(stylesheet)Îĵµ£¬Ëü±íʾÕâ¸ölinkÔÚÎĵµ³õʼ»¯Ê±½«±»Ê¹Óá£Ò»°ãÕâÀïÊDz»ÐèÒª¸Ä¶¯µÄ ......
£±£¬ÎÞͼƬ´¿cssÔ²½Ç¿ò
ÊÕ¼ÀíÓÉ£º¼æÈÝÐÔÇ¿£¬²»ÓÃͼÐÎ
ͼһ
ÌØµã£º
1.²»ÓÃÈκÎͼÐΣ¬Ê¹Óúܶà¸ödivÈÝÆ÷Ä£Äâ³öÔ²½ÇЧ¹û¡£
2.¼æÈÝÐÔ£ºÍ¨É±ËùÓÐä¯ÀÀÆ÷
ȱµã£º
1.¹¹ÔìÕâ¸öÔ²½ÇÐèÒª¼ÓÈëÌ«¶àµÄÎÞÓïÒåµÄ±êÇ©£¬½á¹¹±È½ÏÈßÓà¡£
2.ÖØÓÃÐÔ²»Ç¿£ºÈç¹ûÒ»¸öÒ³ÃæÓжà¸öÔ²½Ç£¬²¢ÇÒҪʵÏÖ²»Í¬µÄ°ë¾¶´óС£¬ÔòÆäÁé»îÐÔ²»¹»¡£
3.±ß¿òÑÕÉ«ËäÈ»¿ÉÒÔµ÷½Ú£¬µ«»á¶ÔÒ³ÃæÖеĽṹ²úÉúÖÂÃüµÄÓ°Ï죬ÊÊÓÃÓÚÉ«²Êµ¥Ò»²¢ÇÒÒ»¸öÒ³ÃæÖÐÔ²½ÇÓ¦Óò»¶àµÄÒ³Ãæ¡£
4.²»ÈÝÒ×ʵÏÖÔ²»¡ÄÚÓн¥±äÉ«µÄͼÐα³¾°¡£
5.Ô²½Ç¿ò²»¹»Ô²»¬£¬Óоâ³ÝÏÖÏó£¬ÊʺÏÓÚ±³¾°É«ºÍµ±Ç°É«É«²î²»´ó²¢ÇÒÔ²»¡½ÏСµÄÍøÒ³¡£
ʵÏÖÔÀí£º
Óúܶà1ÏñËØ¸ßµÄdivÈÝÆ÷£¬ÀûÓñ³¾°É«ºÍ±ß¿òÉ«À´Ä£Äâ³öÔ²½Ç¿òµÄÂÖÀªÏß¡£
ʵÀýÑÝʾ£º http://www.cssplay.co.uk/boxes/snazzy.html
£²£¬ÎÞͼƬ´¿cssÔ²½Ç¿ò£¬ÓÃÌØÊâ×Ö·û£¨&bull£©
ÊÕ¼ÀíÓÉ£ºÔ²»¬£¬²»ÓÃͼÐÎ
ͼ¶þ
ÌØµã£º
1.²»ÓÃÈκÎͼÐΣ¬Ê¹ÓÃÌØÊâ×Ö·û•£¨Ô²µã£©Ä£Äâ³öÔ²½Ç¡£
2.¼æÈÝÐÔ£ºÍ¨É±ËùÓÐä¯ÀÀÆ÷
3.Ô²½Çƽ»¬
ȱµã£º
1.¹¹ÔìÕâ¸öÔ²½ÇÒ»ÑùÐèÒª¼ÓÈëÎÞÓïÒåµÄ±êÇ©£¬½á¹¹ÈßÓ࣬ͬµÚÒ»ÖÖÒ»Ñù¡£
2.ÖØÓÃÐÔ²»Ç¿£ºÈç¹ûÒ»¸öÒ³ÃæÓжà¸öÔ²½Ç£¬²¢ÇÒҪʵÏÖ²»Í¬µÄ°ë¾¶´óС£¬ÐèÒªµ÷ÕûËĸö½ÇͼƬµÄ¶ ......
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{border:2px solid $red;}
.firstp{color:red;}
.hignlight{background:gray;}
.dd{width:20px;height:20px;border:2px solid}
</style>
note£º jequery api º¯ÊýÇø·Ö´óСд
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div.d1").fadeOut("slow");
$("p").filter(".ppp");
$("img.img1").attr(//Ϊָ֮¶¨ÔªËØ£¨×飩Ìí¼ÓÖ¸¶¨ÊôÐÔ(ÃûÖµ¶Ô·½Ê½)
{src:"http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif",
alt:"jquery logo"}
)
var alt = $("img").attr("alt");//»ñȡָ¶¨ÔªËØ(×é)µÚÒ»¸öÔªËØµÄaltÊôÐÔÖµ
// alert(alt);
$("img").attr('src','http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif');//Ϊָ֮¶¨ÔªËØ£¨×飩Ìí¼Ó ......