圖片鏈接不起作用。我有圖像作爲鏈接，其中一個只能工作

-3

我有圖像作爲鏈接，其中一個作品 - 這是與郵件類的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; }

來源

2016-09-02 zbierek

請發表您的HTML和CSS –

– zbierek

。面對{ 位置：相對; top：-230px; left：300px; } .twitter { position：absolute; top：22px; left：900px; } .mail { position：absolute; top：21px; left：883px; } – zbierek

face有-230 top位置，所以它的關閉屏幕。 twitter幾乎具有相同的x位置mail，因此它們彼此重疊。

我改變你的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

來源

2016-09-02 22:26:19

感謝您的回答:-) – zbierek

圖片鏈接不起作用。我有圖像作爲鏈接，其中一個只能工作

回答

相關問題