css中如何定义图片链接？

答案:5 悬赏:40

解决时间 2021-01-13 12:58

提问者网友：战魂
2021-01-12 13:10

css中如何定义图片链接？

最佳答案

二级知识专家网友：人间朝暮
2021-01-12 13:26

如果是这样的话，图片的地方是这样写

不需要在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;
}

全部回答

1楼网友：山河有幸埋战骨
2021-01-12 18:02

唉！我也不会，不过可以尝试使用图片超链接。。

2楼网友：渊鱼
2021-01-12 17:35

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

3楼网友：洒脱疯子
2021-01-12 16:06

直接加上a标签试试

4楼网友：不甚了了
2021-01-12 14:33

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

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！