css中如何设置图像链接的link/hover/visited为另一图像。

 我来答
maxzhang123
推荐于2016-01-09 · TA获得超过1424个赞
知道小有建树答主
回答量:181
采纳率:0%
帮助的人:222万
展开全部

利用<a> 的特性完成这个功能,使用<a>嵌套一个image,然后使用背景图来显示图片,这样可以使用CSS控制图片的显示状态,直接上代码

<a href="#" class="a1"><img src="http://www.sencha.com/s.gif" alt=""></a>
.a1 img {
  width: 300px;
  height: 200px;
  background: #333 url("https://www.google.com.hk/images/srpr/logo11w.png") no-repeat;
}

.a1:visited img {
  background-image: url("http://www.sogou.com/images/logo_l2.gif");
}

.a1:hover img {
  background-image: url("http://www.baidu.com/img/bdlogo.gif");
}

.a1:active img {
  background-image: url("http://cn.bing.com/s/a/hp_zh_cn.png");
}
苏州蓝晓生物科技有限公司_
2022-08-05 广告
苏州蓝晓生物科技有限公司。标准化核心产品:公司拥有完整的琼脂糖介质、葡聚糖介质、聚甲基丙烯酸酯介质生产线,年产分离介质50000L,产品质量稳定并达到国际领先水平。核心优势:公司核心技术人员拥有近二十年不同基质的基球开发和官能化的丰富技术经... 点击进入详情页
本回答由苏州蓝晓生物科技有限公司_提供
QQ6927263
推荐于2018-04-12 · TA获得超过230个赞
知道小有建树答主
回答量:468
采纳率:50%
帮助的人:422万
展开全部
设为背景图片就行,直接一个图片定位,鼠标经过后,读取另一半图像
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式