css中如何定义图片链接？
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;
}
可现在图片链接根本不能激活
现在图片的样式就是上面的代码，可现在在图片的属性拖动链接条到链接页面，根本不起作用。 展开
现在这张图片的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;
}
可现在图片链接根本不能激活
现在图片的样式就是上面的代码，可现在在图片的属性拖动链接条到链接页面，根本不起作用。 展开
展开全部
设定图片超链接，用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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是这样的话，图片的地方是这样写
<a href="#" class="nright"></a>
不需要在A里插入图片了，插入图片就把背景挡住了，肯定没效果的
这个的原理是把图片当作A的背景！
这个必需要在A标签里才能实现，
hover只有这个写才有效a.hover或者a.nright:hvoer
试试下面的代码，我给你的类前面加了个a
a.nright {
width:640px;
height:61px;
float:right;
text-align:center;
background:#191919 url(images/img_11_1.gif) no-repeat center;
display:block;
}
a.nright:hover {
background:#191919 url(images/img_11.gif) no-repeat center;display:block;
}
<a href="#" class="nright"></a>
不需要在A里插入图片了，插入图片就把背景挡住了，肯定没效果的
这个的原理是把图片当作A的背景！
这个必需要在A标签里才能实现，
hover只有这个写才有效a.hover或者a.nright:hvoer
试试下面的代码，我给你的类前面加了个a
a.nright {
width:640px;
height:61px;
float:right;
text-align:center;
background:#191919 url(images/img_11_1.gif) no-repeat center;
display:block;
}
a.nright:hover {
background:#191919 url(images/img_11.gif) no-repeat center;display:block;
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<a><img src="..." /></a>
a:hover img {
background-image:xxx.jpg;
}
这样行不行？
再不行就用js做
a:hover img {
background-image:xxx.jpg;
}
这样行不行？
再不行就用js做
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接加上a标签试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
