为了账号安全,请及时绑定邮箱和手机立即绑定

css中如何定义图片链接?

css中如何定义图片链接?

一只名叫tom的猫 2019-03-22 14:13:46
css中如何定义鼠标经过改变图片,并且可以有链接点击:网页里面的图片是这样的:进入网页时是一张图片,可当鼠标移上去后,就变成另外一张图片,现在就是想在鼠标移上去后,换了图片的加一个链接,请问应该怎么做? 现在这张图片的CSS样式是:.nright {width:640px; height:61px; float:right; text-align:center; background:#191919 url(images/img_11_1.gif) no-repeat center;display:block;}.nright:hover {background:#191919 url(images/img_11.gif) no-repeat center;display:block;} 可现在图片链接根本不能激活现在图片的样式就是上面的代码,可现在在图片的属性拖动链接条到链接页面,根本不起作用。
查看完整描述

3 回答

?
慕的地6264312

TA贡献1817条经验 获得超6个赞

设定图片超链接,用css样式来实现,其实就是给这个图片的块添加超链接,我们可以通过在这个块的前面添加一个a标签来实现,然后填写上你所需要的链接地址就行了,通过代码来理解:
<html>
<head>
<style>
#div1{
width:660px;
height:400px;
border:1px soild #f00;
}

</style>
</head>
<body>
<div id='div1'>
<a href=""><img src='图片地址'></a>
</div>
</body>
</html>



查看完整回答
反对 回复 2019-03-27
?
富国沪深

TA贡献1790条经验 获得超9个赞

<a><img src="..." /></a>

a:hover img {
background-image:xxx.jpg;
}
这样行不行?

再不行就用js做

查看完整回答
反对 回复 2019-03-27
  • 3 回答
  • 0 关注
  • 620 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信