2013-12-15 175 views
1

我是一名平面設計學生,我試圖做我的投資組合,但不知道如何將超鏈接添加到將鼠標懸停在投資組合項目上時出現的圖標。代碼中的項目讀取爲div class =「hoverIconChain」添加超級鏈接到Div類

<div class="portfolio-item html android"> 
    <a href="portfolio-item-detail-page.html" class="animatedImage3"> 
    <img src="images/portfolio02.jpg" alt="Portfolio 02"> 
    <div class="hoverWrapperBg"></div> 
    <div class="hoverWrapper"> 
     <div class="hoverIconChain"></div> 
     <div class="hoverIconHeart"></div> 
     <div class="hoverBottom"> 
     <div class="hoverBottomText">Real Gamers Network</div> 
     <div class="hoverBottomLike"> 63 </div> 
     </div> 
    </div> 
    </a> 
</div> 

回答

0

從代碼底部刪除結束標記,並在圖像後移動它。

<a href="portfolio-item-detail-page.html" class="animatedImage3"> 
    <img src="images/portfolio02.jpg" alt="Portfolio 02"> 
</a> 

要添加一個超鏈接到div,只是這樣做。

<a href="http://google.com"> 
    <div class="hoverIconChain"></div> 
</a> 
+0

非常感謝你,我想給你代表,但它不會允許我,因爲我是新的。非常感謝你花時間回答我的問題我真的很感謝 – user3103485

+0

我認爲內聯元素中的塊元素不是有效的html標記,您應該將錨標記放在div中並更改錨的顯示樣式以阻止和寬度=高度= 100% – arieljuod

+0

是的,我只是試了一下,它散發出來,並在投資組合圖像之間有空格哈哈,你能爲我發佈一個例子,請arieljuod我得到了你說的大部分,但我不知道如何改變顯示風格? – user3103485