图片链接失效了。我有图片作为链接，其中一个只有效答案

【问题标题】：image link doesn't work. I've got images as links and one of them only works图片链接失效了。我有图片作为链接，其中一个只有效
【发布时间】：2017-01-11 02:20:52
【问题描述】：

我有图像作为链接，其中一个有效 - 这是这个带有邮件类的 div。我不知道发生了什么，一切看起来都很好：-/

    <div class="face">
        <a href="www.facebook.com" target="_blanket"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_black-128.png" width="5%">
        </a>
   </div>
    <div class="twitter">
        <a href="www.twitter.com"><img src="http://www.evilthemovie.com/images/twitter.jpg" width="16%">
        </a>
   </div>
    <div class="mail">
        <a href="www.gmail.com" target="_blanket"><img src="http://pickering-communications.com/wp-content/uploads/2014/02/iconmonstr-email-9-icon-1_zpsf6261ecf.png" width="11%">
       </a>
    </div>

    .face{ position:relative; top: -230px; left: 300px; } 
    .twitter{ position: absolute; top:22px; left: 900px; } 
    .mail{ position: absolute; top: 21px; left: 883px; }

【问题讨论】：

请发布您的html和css
cdn3.iconfinder.com/data/icons/free-social-icons/67/…" width="5%">

evilthemovie.com/images/twitter.jpg" width="16%">

pickering-communications.com/wp-content/uploads/2014/02/…" width="11%">
.face{ 位置：相对；顶部：-230 像素；左：300px； } .twitter{ 位置：绝对；顶部：22px；左：900px； } .mail{ 位置：绝对；顶部：21px；左：883px； }

标签： html image hyperlink

【解决方案1】：

face 有一个-230 top 位置，所以它不在屏幕上。 twitter 与 mail 的 x 位置几乎相同，因此它们彼此重叠。

我稍微改变了你的 css，现在你应该可以看到所有三个：

   .face{ position:relative; top: 22px; left: 300px; } 
    .twitter{ position: absolute; top:22px; left: 600px; } 
    .mail{ position: absolute; top: 21px; left: 900px; }

示例：http://codepen.io/nilestanner/pen/dpyQvZ

【讨论】：