css中如何定义图片链接？

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;
}
可现在图片链接根本不能激活
现在图片的样式就是上面的代码，可现在在图片的属性拖动链接条到链接页面，根本不起作用。

一只名叫tom的猫

浏览 623回答 3

3回答

慕的地6264312

设定图片超链接，用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>

0 0

富国沪深

<a><img src="..." /></a>a:hover img {background-image:xxx.jpg;}这样行不行？再不行就用js做

0 0

随时随地看视频慕课网APP