怎么用CSS给图片的一部分加链接

用给一张图片的一部分加链接，求高手指教，在线等答案具体实现方法是什么？... 用给一张图片的一部分加链接，求高手指教，在线等答案
具体实现方法是什么？展开

 我来答

5个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

0UF
推荐于2016-03-22 · TA获得超过2187个赞

知道小有建树答主

回答量：1079

采纳率：0%

帮助的人：667万

我也去答题访问个人页

关注

展开全部

css样式：
a.w:link { font-name=黑体; background-image:url(a.jpg)} /* 未访问的链接注意图片(a.jpg) 地址的绝对路径与相对路径*/
a.w:visited { font-name=黑体; background-image:url(a.jpg)} /* 已访问的链接 */
a.w:hover { font-name=黑体; background-image:url( b.jpg)} /* 当有鼠标悬停在链接上一般在悬停更换背景图片*/
a.w:active { font-name=黑体; background-image:url(a.jpg)} /* 被选择的链接 */
调用：
a href=连接路径 class=w需连接文字/a

已赞过 已踩过<

评论收起

279029612
2010-09-13 · TA获得超过118个赞

知道答主

回答量：134

采纳率：0%

帮助的人：149万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.logo{position:relative}
.logo a{position:absolute;display:block;top:0;left:0;width:100px;height:50px;}
</style>
</head>
<body>
<div class="logo"><img src="http://www.siteceo.net/images/demo_2010/logo.gif" /><a href="#"></a></div>
</body>
</html>

这个图片的site加上了链接后面的没有

我把思路也给你说一下。就是用绝对定位将链接定义到你想要的位置。

CSS专业讨论群 84802120 注明来源。。。。授渔不授鱼

已赞过 已踩过<

评论收起

yadndhqcigeg
2010-09-12 · TA获得超过2557个赞

知道小有建树答主

回答量：600

采纳率：0%

帮助的人：433万

我也去答题访问个人页

关注

展开全部

图片的一部分，可以直接用热键啊，一定要和CSS的话，就在图片的相对位置做个链接

已赞过 已踩过<

评论收起

lifei6671
2010-09-12 · TA获得超过9228个赞

知道大有可为答主

回答量：3899

采纳率：25%

帮助的人：2762万

我也去答题访问个人页

关注

展开全部

这个好像CSS无法实现吧，应该用map标签。

已赞过 已踩过<

评论收起

2009yzp
2015-10-18 · 超过17用户采纳过TA的回答

知道答主

回答量：63

采纳率：0%

帮助的人：34.3万

我也去答题访问个人页

关注

展开全部

用<map>
<area></area>
</map>可以实现，http://www.w3school.com.cn/tags/tag_area.asp

已赞过 已踩过<

评论收起

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么用CSS给图片的一部分加链接

其他类似问题

为你推荐：