如何解决CSS 定义多个类背景图片超链接变化后,被点击过的链接只显示最后一个类的visited图片? 70
我的代码如下:ulli{list-style:none;}/*首页菜单变化*/.indsia:link,a.indsi:visited{display:block;wid...
我的代码如下:
ul li{ list-style:none;}
/*首页菜单变化*/
.indsi a:link,a.indsi:visited{ display:block; width:70px; height:172px; background:url(images/si_org.jpg);}/*链接、点击后*/
.indsi a:hover{ display:block; width:70px; height:172px; background:url(images/si.jpg);}/*鼠标经过*/
.indsi a:active{ display:block; width:70px; height:172px; background:url(images/si.jpg);}/*点击时*/
.indhui{ auto;}
.indhui ul li{ float:left; }
.indhui ul li a:link,a:visited{ display:block; width:70px; height:172px; background:url(images/hui_org.jpg);}/*链接、点击后*/
.indhui ul li a:hover{ display:block; width:70px; height:172px; background:url(images/hui.jpg);}/*鼠标经过*/
.indhui ul li a:active{ display:block; width:70px; height:172px; background:url(images/hui.jpg);}/*点击时*/
.indshi{ auto;}
.indshi ul li{ float:left; }
.indshi ul li a:link,a:visited{ display:block; width:70px; height:172px; background:url(images/shi_org.jpg);}/*链接、点击后*/
.indshi ul li a:hover{ display:block; width:70px; height:172px; background:url(images/shi.jpg);}/*鼠标经过*/
.indshi ul li a:active{ display:block; width:70px; height:172px; background:url(images/shi.jpg);}/*点击时*/
如上文,三个不同类的超链接只要点击过后就只显示shi_org.jpg作为背景图,下文是类在HTML中
<td><div class="indsi"><ul><li><a href="si.asp"></a></li></ul></div></td>
<td><div class="indhui"><ul><li><a href="hui.asp"></a></li></ul></div></td>
<td><div class="indshi"><ul><li><a href="shi.asp"></a></li></ul></div></td> 展开
ul li{ list-style:none;}
/*首页菜单变化*/
.indsi a:link,a.indsi:visited{ display:block; width:70px; height:172px; background:url(images/si_org.jpg);}/*链接、点击后*/
.indsi a:hover{ display:block; width:70px; height:172px; background:url(images/si.jpg);}/*鼠标经过*/
.indsi a:active{ display:block; width:70px; height:172px; background:url(images/si.jpg);}/*点击时*/
.indhui{ auto;}
.indhui ul li{ float:left; }
.indhui ul li a:link,a:visited{ display:block; width:70px; height:172px; background:url(images/hui_org.jpg);}/*链接、点击后*/
.indhui ul li a:hover{ display:block; width:70px; height:172px; background:url(images/hui.jpg);}/*鼠标经过*/
.indhui ul li a:active{ display:block; width:70px; height:172px; background:url(images/hui.jpg);}/*点击时*/
.indshi{ auto;}
.indshi ul li{ float:left; }
.indshi ul li a:link,a:visited{ display:block; width:70px; height:172px; background:url(images/shi_org.jpg);}/*链接、点击后*/
.indshi ul li a:hover{ display:block; width:70px; height:172px; background:url(images/shi.jpg);}/*鼠标经过*/
.indshi ul li a:active{ display:block; width:70px; height:172px; background:url(images/shi.jpg);}/*点击时*/
如上文,三个不同类的超链接只要点击过后就只显示shi_org.jpg作为背景图,下文是类在HTML中
<td><div class="indsi"><ul><li><a href="si.asp"></a></li></ul></div></td>
<td><div class="indhui"><ul><li><a href="hui.asp"></a></li></ul></div></td>
<td><div class="indshi"><ul><li><a href="shi.asp"></a></li></ul></div></td> 展开
2015-03-13
展开全部
.indshi ul li a:link,a:visited这边这样写肯定会出现这样的情况
.indshi ul li a:link,.indshi ul li a:visited应该是这样的吧。
上面也有一处。
.indshi ul li a:link,.indshi ul li a:visited应该是这样的吧。
上面也有一处。
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询