字体令人敬畏的图像覆盖
字体令人敬畏的图像覆盖
提问于 2013-03-06 22:01:41
我目前正在创建一个图片库(使用Zurb Foundation作为框架)，并希望在图像悬停时显示缩放图标(如此处的示例：http://codepen.io/Twikito/pen/Jeaub)。但我希望图标是一个字体(字体令人敬畏的)图标，而不仅仅是一个，而是3个单独的可点击图标。这有可能吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-23 03:33:09
我用字体组装了一个quick JSfiddle --太棒了。CSS被拼凑在一起，但演示了什么是可能的。它应该给你一个实验的起点。
<a href="#" title="" class="image">
<img src="http://www.lyricis.fr/wp-content/uploads/2010/04/kickass-film-still-01.jpg" alt="">
</a>
<div class="cn">
<div class="inner">
<a href="#zoom"><i class="icon-zoom-in large"></i></a>
<a href="#download"><i class="icon-cloud-download large"></i></a>
<a href="#comment"><i class="icon-comment large"></i></a>
</div>
</div>注意:上面的字体使用从bootstrapcdn.com外部调用的JSfiddle -awesome.css
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15249325
复制相关文章
相似问题
腾讯云开发者
