CssʵÏÖ±í¸ñÆæżÐв»Í¬É«
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ë«É«±í¸ñCSSʵÀý</title>
<style type="text/css">
#DataGrid1 tr {
background-color: expression(
this.sectionRowIndex == 0 ? "#FFCCCC" :
(
(this.sectionRowIndex % 2 == 0) ? "#FFF0F0" : "#F0F0FF"
)
);
color: expression(this.sectionRowIndex == 0 ? "#FFFFFF" : "");
font-weight: expression(this.sectionRowIndex == 0 ? "BOLD" : "");
TableSelect: expression(
this.sectionRowIndex == 0 ? "" :
(
onmouseover = function()
{
this.style.backgroundColor =
(
this.style.backgroundColor != "#69cdff" ? "#69cdff" :
(
this.sectionRowIndex == 0 ? "#FFCCCC" :
(
 
Ïà¹ØÎĵµ£º
css+divºÍtable+cssµÄ±È½Ï
¡¡CSS£«DIVÊÇÍøÕ¾±ê×¼£¨»ò³Æ“WEB±ê×¼”£©Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ£¨table£©¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£
CSS£«DIVÍøÕ¾Éè¼ÆµÄÓÅÊÆ
Ê×ÏÈ£¬CSSµÄ ......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
ÔÀí£º
µ±Á½¸öͬ¸¸ÔªËØz-indexÏàͬʱ£¬ºóÃæµÄÔªËØÏÔʾÔÚÉÏÃæ¡£
µ±z-index³¬¹ýä¯ÀÀÆ÷×î´óֵʱ£¬ä¯ÀÀÆ÷»á°´×î´óÖµ¼ÆËã¡£
·½·¨£º
Á¬Ðø·ÅÖÃÁ½¸ödivÔªËØd1£¬d2£»²¢É趨position:absolute¼°²»Í¬±³¾°É«¡£
É趨d1.z-index = max + 1, d2.z-index = max£»
µ±max + 1ÓÐЧʱ£¬d1ÔÚÇ°£»µ±max + 1 ÎÞЧʱ£¬d2ÔÚÇ°¡££¨²Î¿´ÔÀí£© ......
תÔØÓÚ ÂÞÂí¼¯ÊÐ
MagentoµÄCSSÎļþÒ»°ã´æ·Åµ½ $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin |
install}/<package name>/<theme
name>/cssĿ¼Ï¡£Ò²ÓÐЩºÍÈ«¾Öjs½Å±¾ÅäºÏʹÓõÄcssÎļþ´æ·ÅÔÚ$MAGENTO_INSTALLED_FOLDER/jsÏ£¬µ«ÊÇÒ»
°ãÎÒÃDz»Ö±½Óµ÷ÓÃËüÃÇ¡£
ÄÇôMagentoÓ¦ÓÃÓÖÊÇÈçºÎÒýÓÃCSSÎļþµÄÄØ ......
×î½üµÄÃæÊÔÖÐ×ÜÊÇÎÊÎÒһЩä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌ⣬ËùÒÔÏÂÃæ×öÒ»¸ö×ܽ᣺
Ϊʲô»á³öÏÖÕâÖÖÏÖÏóÄØ£¿Ö÷Òª¾ÍÊÇÏñFirefoxÕâÑùä¯ÀÀÆ÷Á¼ºÃÖ§³ÖW3C±ê×¼£¬ÊÇÄ¿Ç°¶ÔCSSÖ§³Ö×îºÃµÄä¯ÀÀÆ÷£¬¶øieÊdzöÏֵıȽÏÔ磬ÔÚw3cÖ§³Ö·½Ãæ×öµÄÒ»Ö±²»ÊǺܺá£ÓкܶණÎ÷³öÏÖFFºÍIEÏÔʾ²»Ò»ÑùµÄ¸ù±¾ÔÒòÔÚÓÚËüÃǵÄĬÈÏÏÔʾ²»Ò»Ñù£¬¶øÕâ¸öĬÈÏÑùʽ¸ÃÈçºÎÏÔ ......