0

Instagram の画像を webapp に取り込むアプリを (instagram API を使用して) 作成しました。私は、ホバー時に大きなハートのロールオーバーを表示するCSSコードに取り組んできました（最終的には、画像が受け取った「いいね」の数が表示されます）。

私の質問は、ホバー時にinstagramの画像の輪郭がハートの形の後ろに表示されるように、ハートをinstagramのオーバーレイにする方法ですか?

どんな助けでも大歓迎です！ありがとう。

<DIV class="roll">
<IMG class="on"  src="http://f.cl.ly/items/3s0M340B2I0a171l0H1o/testinstagram_image2.jpg">
<IMG class="off" src="http://f.cl.ly/items/321322043C0Y2g0R2K0g/smallerheart.jpg">
</DIV>


<STYLE type="text/css">
.roll {width: 360px;}
.roll {height: 330px;}
.roll {background: blue;}
.roll .on { dislay: block; }
.roll .off { display: none; }
.roll:hover .on { display: none; }
.roll:hover .off { display: block; }
</STYLE>
4

1 に答える 1

0 
.roll {width: 360px;}
.roll {height: 330px;}
.roll {background: blue;}
.roll .on { dislay: block; }
.roll .off { display: none; }
.roll:hover .off { z-index: 0;position:absolute; top:25px; left: 8px; display: block; }
.roll:hover .on {z-index: 10; display: block; }

フィドル

于 2013-06-20T19:12:32.143 に答える