作业帮 > 综合 > 作业

关于css a:active标签失效的问题

来源:学生作业帮 编辑:作业帮 分类:综合作业 时间:2024/05/12 20:50:19
关于css a:active标签失效的问题
#pic_left li{ list-style-type:none; font-size:30px; margin-top:18px; background:url(../images/pic_1.gif); width:140px;}
#pic_left li a{width:140px;display:inline-block; color:#000; text-decoration:none;}
#pic_left li a:hover{background:url(../images/pic_2.gif); width:140px; color:#FFF;}
#pic_left li a:active{background:url(../images/pic_2.gif); width:140px; color:#FFF;}

后期
我们

a:hover 是可以显示的,a:active却没效果,
#pic_left li{ list-style-type:none; font-size:30px; margin-top:18px;}
#pic_left li a{width:140px; height:50px; display:block; background:url(1.jpg) center no-repeat; text-decoration:none;}
#pic_left li a:hover{background-image:url(2.jpg);}
#pic_left li a:active{background-image:url(3.jpg); }