DIV+CSS 怎样在一个有超链接的图片上再加几个文字链接?
展开全部
DIV+CSS 在一个有超链接的图片上再加几个文字链接，首先需要在有图片的超链接后面添加一些span或者是p标签，同样的也是使用a标签包裹就实现了链接的同步实现，通过代码来理解：
html>
<head>
</head>
<body>
<a href=''><img src='图片地址'><span>我也是有图片的链接地址</span></a>
</body>
</html>
html>
<head>
</head>
<body>
<a href=''><img src='图片地址'><span>我也是有图片的链接地址</span></a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style='position:relative;'>
<a href='#'><img src='那个有链接的大图'></a>
<a href='#' style='position:absolute;top:10px;left:10px;'>链接1</a>
<a href='#' style='position:absolute;top:30px;left:10px;'>链接2</a>
<div>
<!--a标签的 top值和left值，自行设定-->
<a href='#'><img src='那个有链接的大图'></a>
<a href='#' style='position:absolute;top:10px;left:10px;'>链接1</a>
<a href='#' style='position:absolute;top:30px;left:10px;'>链接2</a>
<div>
<!--a标签的 top值和left值，自行设定-->
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还真没弄过。不过有思路
三个层
<style type="text/css">
.panel{width:160px;height:120px;}
.pic{display:block;width:160px;height:120px; position:absolute;}
.link{position:absolute;z-index:999;}
</style>
<div class="panel">
<a href="#" class="pic"><img src=""/><a/>
<div class="link">
<a href="#">link1</a>
<a href="#">link2</a>
</div>
</div>
不知道行不行。你试下
我自己试了下貌似行、样式你自己再修改下就行了
三个层
<style type="text/css">
.panel{width:160px;height:120px;}
.pic{display:block;width:160px;height:120px; position:absolute;}
.link{position:absolute;z-index:999;}
</style>
<div class="panel">
<a href="#" class="pic"><img src=""/><a/>
<div class="link">
<a href="#">link1</a>
<a href="#">link2</a>
</div>
</div>
不知道行不行。你试下
我自己试了下貌似行、样式你自己再修改下就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用a 绝对定位到图片上去
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
