現在、画像ギャラリーを作成しており (Zurb Foundation をフレームワークとして使用)、画像ホバーにズーム アイコンを表示したいと考えています (この例のように: http://codepen.io/Twikito/pen/Jeaub )。しかし、アイコンをフォント（Font Awesome）アイコンにして、1つだけでなく3つの個別のクリック可能なアイコンにしたいと思います..それは可能ですか？
質問する
15210 次
1 に答える
22
font-awesome を使用して簡単な 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>
注: 上記の JSfiddle は、bootstrapcdn.comから外部的に呼び出される font-awesome.css を使用します。
于 2013-03-22T19:33:09.470 に答える