Divlerle ilgili bir CSS işi

Gerçi aynı işi belki javascript ile çözersiniz yada farklı bir şekilde bilemiyorum.

Olay bikaç yerde kullanılacak, fakat mantık aynı. Birini yapan diğerlerni kolaylıkla yapacaktır.

İhtiyacım olan şey şu:

Sitede ürünler oldugunu düşünün, yan yana listeleniyorlar. (Bu bende tamam..)

Ürün resimleri veritabanından geliyorlar döngü ile, "eğer" bir üründen 1 tane kaldıysa, ürünün resminin üzerinde benim istediğim görsel yer alacak. Mesela "SON ÜRÜN" görseli yer alacak. Bu görsel muhtemelen png olur.

Yada atıyorum ürün resimleri yan yana dizilmiş , bir ürünün üzerine mouse ile gelindiginde ürün resminin üzerinde "SATIN AL" görseli gözükecek...

Olay bu kadar.

Yani mouseover oldugunda istedğim görsel ürünün üzerinde gözükecek.
Yada belirli bir koşul sağlandığında.. Bu koşul kısmınıda aspx'den ben halletmiş olacağım. O koşul sağlandıysa divleri ona göre yazdıracağım kod kısmından.

Cevapları bekliyorum.

Benim aklıma 2 tane div yapmak geldi. İşte dışardaki divin background'unda ürün resmi olur, içinde başka bir div olur ama visible false olur, üzerine gelindiginde visible olur falan. Tam kuramıyorum şimdi vaktim de çok az.

Bu 2 olayı bana yapacak kişi direk kodları yazıp gönderirse de olur, projeye adapte etmesine gerek yok, ama doğru işin geleceğinden emin olmam lazım tabi. Basit de olsa önemli sonuçta

Fiyatları pm atabilirsiniz. Teşekkürler

Yanlış anlaşılmasın , ben yapıyı istemiyorum. İstediğim olay şu.

Bana bir örnek yollayın ve diyinki, bakın bu örnekte bir resmin üzerine gelindiğinde başka bir resim gözüküyor.. Mouse'u çekincede kayboluyor. (Ürün resmi sabit kaliyor)

Yada bu resmin üzerinde sabit şekilde başka bir png gözüküyor... gibi.. yani bunlar bana örnek olarak lzım, asp.net vb hiçbirşey istemiyorum.

pm yolladım.

Aradığın burada sanırım http://www.w3schools.com/Css/css_image_transparency.asp

http://api.jquery.com/hover/

Arkadaşla anlaşılmış, iş teslim edilmiştir. Ödeme bekliyorum.