在整張照片中添加URL

我在我的Wordpress網站上使用名爲Distinctive Portfolio的插件。在this page上，當您將鼠標懸停在照片上時，我只想擺脫工具提示（這是亂碼），圖標（應該是鏈接圖像但不顯示），並使整個照片可點擊。當我將鼠標懸停在照片上時，會發生什麼情況。我希望有一個CSS解決方案，但如果沒有，我可以進入插件並玩耍。請幫忙，謝謝！在整張照片中添加URL

來源

2015-08-08 Keren

尋求代碼幫助的問題必須包含所需的行爲，特定的問題或錯誤以及在問題本身**中重現**所需的最短代碼。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

添加display:none;到類.dtp-icon-wrapper

.dtp-icon-wrapper { 
    width: 40px; 
    height: 40px; 
    background: hsl(0, 100%, 100%); 
    border-radius: 50%; 
    margin: 0 auto; 
    display: inline-block; 
    position: relative; 
    top: -60px; 
    margin-top: -10px; 
    display: none; 
}

做工精細，圖標顯示簡化版，不再。

，使整個圖像可點擊（如果你在HTML的控制），包以下元素：一個<a>標籤內

<div class="view"> 

</div>

。

來源

2015-08-08 15:08:49

感謝@亞歷山大Solonik。是的，但我也希望整張照片可點擊。我刪除了圖標 - 我知道如何做到這一點 - 但現在照片上沒有鏈接。 – Keren

也就是說，'a href'在'dtp-icon-wrapper urllink'的div內。我想用css或Javascript來移動它，以便它適用於整個圖像。 – Keren

在整張照片中添加URL

回答

相關問題