图形标签可以是花哨的框链接吗?

Question

我可以做一个图形标签一个花哨的盒子链接吗，没有内容，只有一个背景图像。我知道这不是好的做法，我只是想知道它是否可以做到？

 <figure class="apear"><a class="fancybox fancybox.iframe" href="some content here"></a></figure>

谢谢

Answer 1

任何元素都可以用来触发fancyBox。只需添加"data-fancybox-href"属性。演示 - http://jsfiddle.net/Y74fs/

<figure class="fancybox" data-fancybox-href="1_b.jpg" data-fancybox-title="Simple title"><img src="1_s.jpg" alt=""/></figure>

然后

$(".fancybox").fancybox();

Answer 2

我解决了它，它非常简单，没有什么可以链接的，所以我添加了一个透明.png图像的来源并将其作为链接。

<figure class="apear"><a class="fancybox" href="image.jpg"><img src="img/transparentlink.png" width="100%" height="100%"></a></figure>