4¸ö¶¼Ã»±ä»¯£¬ÇÒopacity=0ÊôÐÔûÓÃ

Ö»ÊǵÚÒ»¸ö³öÏÖÁ˱仯£¬ÓÐÑÕÉ«ÓÐÈý½ÇÐΣ¬µ«ÊǺóÃæ4¸öÎÞÂÛÔõôµã¶¼Ã»±ä»¯¼´Ê¹ÊÇÒƵ½ÉÏÃæÒ²ºÁÎޱ仯£¬Ôõô»ØÊ£¿


.st-container input:checked + a,
.st-container input:checked:hover + a{
        background-color: #821134;
        /*ÉèÖñ»Ñ¡ÖÐÁËÑÕÉ«ºã¶¨²»±ä*/
}


.st-container input:checked + a:after{
        content:"";
        width:0;
        height:0;
        overflow: hidden;
        border: 20px solid transparent;
        border-bottom-color: #821134;
        position:absolute;
        bottom: 100%;
        left:50%;
        margin-left: -20px;
        /*ʹÈý½ÇÐξÓÖеķ½·¨*/
        /*ÎÂÏ°ÏÂ:afterµÄÓ÷¨*/
}


.st-container input:hover + a{
        background: #AD244F;
        /*Êó±ê»¬¹ýµÄ±³¾°ÑÕÉ«·¢Éú±ä»¯*/
}

лл£¬¾­¹ýÒ»ÌìµÄŬÁ¦ÒѾ­°ÑËýÍêÍêÈ«È«×ö³öÀ´ÁË...

ÊÔÁËÏ´úÂëÄܳö
.st-container{height:100px;width:200px;position:relative;}.st-containerinput:checked+a,.st-containerinput:checked:hover+a{background-color:#821134;/*ÉèÖñ»Ñ¡ÖÐÁËÑÕÉ«ºã¶¨²»±ä*/}.st-containerinput:checked+a:after{content:"";width:0;height:0;overflow:hidden;border:20pxsolidtransparent;border-bottom-color:#821134;position:absolute;bottom:100%;left:50%;margin-left:-20px;/*ʹÈý½ÇÐξÓÖеķ½·¨*//*ÎÂÏ°ÏÂ:afterµÄÓ÷¨*/}.st-containerinput:hover+a{background:#AD244F;/*Êó±ê»¬¹ýµÄ±³¾°ÑÕÉ«·¢Éú±ä»¯*/}sdfasdfsdfsdfasdfsdfsdfasdfsdfsdfasdfsdf