Question

所以我面临一个非常大的问题。我有一个图像，当盘旋时，会出现一个带标题的白色框。现在标题有一个页面链接，但没有框。我尝试了很多东西（例如：应用＆＃34;显示：内联块;＆＃34;到css（...））但仍然没有应用链接。关键是每个框都有相同的链接，它包含它的标题。此外，我似乎无法更改标题（＆＃34;打开＆＃34;），图像之间有很多垂直的空白区域。任何人都知道如何解决这个问题？

链接到该页面：

http://portugalweddingphotographer.com/portfolio/

Answer 1

而不是a标记仅包装文本，将上面的div标记包装为：

<div class="section_hover">
    <a class="title_below_hover" href="http://portugalweddingphotographer.com/gallery/938/">
        <div style="display:inline-block;" class="grid_hover_div_padding">
            <div class="for_title_below the-title-hover">OPEN</div>
        </div>
    </a>
</div>

使悬停的背景具有其标题所具有的链接并更改悬停标题

1 个答案: