无法使用显示属性隐藏锚标记

在使用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

无法使用显示属性隐藏锚标记

回答

相关问题