نمایش لینک روی عکس در حالت hover

[mahmata]

سلام من یه همچی قطعه کدی دارم
حالا میخوام وقتی موس میره روی عکس بعد روی عکس یه پس زمینه شفاف بیاد و یه لینک
میشه راهنماییم کنید

<div id="items">
<div id="line"></div>
<div class="item">
<a href="#"><img src="images/item1.jpg" width="213" height="192" /></a><br />
<p><a href="#">محصول 1</a></p><span class="price">تومان30،000</span><br />
</div>
<div class="item center">
<a href="#"><img src="images/item2.jpg" width="213" height="192" /></a><br />
<p><a href="#">محصول 2</a></p><span class="price">15،000تومان</span><br />
</div>
<div class="item">
<a href="#"><img src="images/item3.jpg" width="213" height="192" /></a><br />
<p><a href="#">محصول 3</a></p><span class="price">22،000تومان</span><br />
</div>
<div class="item">
<a href="#"><img src="images/item4.jpg" width="213" height="192" /></a><br />
<p><a href="#">محصول 4</a></p><span class="price">35،000تومان</span><br />
</div>
<div class="item center">
<a href="#"><img src="images/item5.jpg" width="213" height="192" /></a><br />
<p><a href="#">محصول 5</a></p><span class="price">27،000تومان</span><br />
</div>
<div class="item">
<a href="#"><img src="images/item6.jpg" width="213" height="192" /></a><br />
<p><a href="#">محصول 6</a></p><span class="price">40،000تومان</span><br />
</div>
</div>

[mohammadhafez]

یه همچین چیزی باید براش بنویسید


a:hover div{ background-image: url(http://sample.com/400x400);}