表示プロパティを使用してアンカータグを非表示にできない

Question

prettyPhotoプラグインを使用して画像ギャラリーを表示するWebページで作業しているときに、ギャラリーセクションに表示される画像にハイパーリンクを追加する必要があります。しかし、これらのハイパーリンクは、ギャラリーを開始する責任があるイメージの下に空白スペースをもたらします。

以下に示すデモコードです。上記のコードで

<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と同様に動作していないようだ。私はこれを修正できますか？

Answer 1

`表示は=「どれも重要なのは！」` `スタイルは=でなければならないこのまたは実施例/スクリーンショットを投稿してください

<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>