無法使用顯示屬性隱藏錨標記

在使用prettyPhoto插件顯示圖像庫的網頁上工作時，我需要將超鏈接添加到圖庫部分中顯示的圖片。但是這些超鏈接會在負責啓動畫廊的圖像下產生空白區域。無法使用顯示屬性隱藏錨標記

演示代碼如下。

<div class="folio-image"> 
      <a href="images/slider/coverimage.jpg" rel="prettyPhoto[gallery]"><div class="overShadow"></div><h3>Slider title</h3><img src="images/slider/image1.jpg" class="img-responsive max-400" /></a> 
      <a href="images/slider/31.jpg" rel="prettyPhoto[gallery3]" width="0" height="0" display="none !important" ><img src="images/slider/31.jpg" width="0" height="0" display="none !important" /></a> 
</div>

在上面的代碼中Folio-image DIV表示保持負責加載庫彈出圖像的部分。 overShadow用於顯示圖像上的文本。第一個a標記表示負責啓動圖庫彈出窗口的圖像。後面的定位標記指的是包含在滑塊中的其他圖像。我需要隱藏這些錨標籤所佔用的空白空間。已嘗試display="none"也標記爲important，這似乎也沒有工作。我該如何解決這個問題？

來源

2016-11-28 OshoParth

'顯示='必須是'風格=「無重要！」「顯示：無重要」' – Roberrrt

@Roberrrt試過，但不似乎沒有工作。 – OshoParth

然後，我假設你的問題不在於'display：none' – Roberrrt

試試這個或請張貼工作的例子/截圖

<div class="folio-image"> 
    <a href="images/slider/coverimage.jpg" rel="prettyPhoto[gallery]"> 
     <div class="overShadow"></div> 
     <h3>Slider title</h3> 

     <img src="images/slider/image1.jpg" class="img-responsive max-400" /> 
    </a> 
    <a href="images/slider/31.jpg" rel="prettyPhoto[gallery3]" width="0" height="0" style="display:none; visibility: hidden;"> 
     <img src="images/slider/31.jpg"" width="0" height="0" style="display:none; visibility: hidden;"/> 
    </a> 
</div>

來源

2016-11-28 13:55:14 MFGSparka

感謝@MFGSparka這工作！ – OshoParth

無法使用顯示屬性隱藏錨標記

回答

相關問題