图片问题求教

maple

1. <style type="text/css">
   
2. #apDiv1 {
   
3.         position:absolute;
   
4.         width:576px;
   
5.         height:115px;
   
6.         z-index:1;
   
7.         left: 68px;
   
8.         top: 78px;
   
9. }
   
10. #apDiv2 {
    
11.         position:absolute;
    
12.         width:165px;
    
13.         height:39px;
    
14.         z-index:2;
    
15.         left: 309px;
    
16.         top: 253px;
    
17. }
    
18. </style>
    
19. <img src="pic/activity/d1.png" width="100%" height="100%" />
    
20. <div id="apDiv2"><a href="home.php?mod=space&uid=3369&do=profile"><img src="pic/activity/a2-11.png" width="100%" height="100%" /></div>
    
21. <div id="apDiv1"><a href="home.php?mod=space&uid=3369&do=profile"><img src="pic/activity/a2-11.png" width="100%" height="100%" /></div>
    

复制代码

打算做一个简单的图片蒙版的工作,就是一个长条图,用蒙版蒙住需要的链接,这样就可以进行分别不同点了.但是长图加载太慢了.所以切割成不同的图片,但是现在问题来了,切割后图片加上蒙版后,下面一张图上回有第一张图蒙版上的链接,求教怎么让一张图上蒙版只上的链接不会显示到下面去.

天外飘仙

不太明白你的意思；

a标签 明明是你自己添加的……建议你还是加一下咱们的qq群吧，到群里交流下看看

maple

天外飘仙 发表于 2018-1-29 15:44
不太明白你的意思；

a标签 明明是你自己添加的……建议你还是加一下咱们的qq群吧，到群里交流下看看

群有加,比较习惯是论坛发帖.
a标签是我自己添加的.我是多图合并做一个页面的.这样的一个情况就导致其中的一个a表情自动跳到下一个dav框架里面去了
导致第二个框架有第一个框架的链接,
所以想知道怎么去除这个因素

天外飘仙

maple 发表于 2018-1-29 17:13
群有加,比较习惯是论坛发帖.
a标签是我自己添加的.我是多图合并做一个页面的.这样的一个情况就导致其中 ...

你的a标签写的不对，没有闭合；

你没做浮动，第一个div的内容不可能跑到第二个div里面的；现在出现这种可能就是你a标签没闭合导致的

maple

天外飘仙 发表于 2018-1-29 17:21
你的a标签写的不对，没有闭合；

你没做浮动，第一个div的内容不可能跑到第二个div里面的；现在出现这 ...

1. <blockquote><div style="position:relative; left:3px; width:100%;height:100%; float:left;margin:-3px;">

复制代码

您帮忙看下这样是否可以呢?但是这样好像链接也还是会跑到下级div内去,

maple

1. <div style="position:relative; left:3px; width:100%;height:100%; float:left;margin:-3px;">
   
2.   <img src="pic/activity/a2-3.png" width="100%" height="100%" />
   
3.    <div style="position:absolute; left:0%; top:4%; border:#000 solid 0px; width: 100%; height: 5%;"> <a href="home.php?mod=space&uid=3206&do=profile" /><img src="pic/activity/a2-10.PNG" width="100%" height="100px" /></p></div>
   
4.   <div style="position:absolute; left:36%; top:21%; border:#000 solid 0px; width: 27%; height: 5%;"> <a href="home.php?mod=space&uid=3407&do=profile" /><img src="pic/activity/a2-10.PNG" width="100%" height="30px" /></p></div>
   
5.    <div style="position:absolute; left:0%; top:55%; border:#000 solid 0px; width: 100%; height: 5%;"> <a href="home.php?mod=space&uid=136&do=profile" /><img src="pic/activity/a2-10.PNG" width="100%" height="100px" /></p>
   
6.       <div style="position:absolute; left:36%; top:169px; border:#000 solid 0px; width: 27%; height: 5%;"> <a href="forum.php?mod=forumdisplay&action=list&fid=552&mobile=2" /><img src="pic/activity/a2-10.PNG" width="100%" height="30px" /></p></div>
   
7.    </div>
   
8.    </div>
   
9.     <!------------------分割----------------------->
   
10. <div style="position:relative; left:3px; width:100%;height:100%; float:left;margin:-3px;">
    
11.   <img src="pic/activity/a2-3.png" width="100%" height="100%" />
    
12.    <div style="position:absolute; left:0%; top:4%; border:#000 solid 0px; width: 100%; height: 5%;"> <a href="home.php?mod=space&uid=3206&do=profile" /><img src="pic/activity/a2-10.PNG" width="100%" height="100px" /></p></div>
    
13.   <div style="position:absolute; left:36%; top:21%; border:#000 solid 0px; width: 27%; height: 5%;"> <a href="home.php?mod=space&uid=3407&do=profile" /><img src="pic/activity/a2-10.PNG" width="100%" height="30px" /></p></div>
    
14.    <div style="position:absolute; left:0%; top:55%; border:#000 solid 0px; width: 100%; height: 5%;"> <a href="home.php?mod=space&uid=136&do=profile" /><img src="pic/activity/a2-10.PNG" width="100%" height="100px" /></p>
    
15.       <div style="position:absolute; left:36%; top:169px; border:#000 solid 0px; width: 27%; height: 5%;"> <a href="forum.php?mod=forumdisplay&action=list&fid=552&mobile=2" /><img src="pic/activity/a2-10.PNG" width="100%" height="30px" /></p></div>
    
16.    </div>
    
17.    </div>
    
18.     <!------------------分割----------------------->

复制代码

maple

天外飘仙 发表于 2018-1-29 17:21
你的a标签写的不对，没有闭合；

你没做浮动，第一个div的内容不可能跑到第二个div里面的；现在出现这 ...

解决了.非常感谢,还是写代码的习惯问题....我是刚学,以后希望不吝指导,万分感谢了

px2019

看着好复杂

kkee12

kkee12