JQUERY照片彈出的文本

Question

尋找一些方向/建議......

我有會員照片上一個網站，我想有文本信息彈出上的圖像的底部有關成員 - 說的年齡，位置等

它需要涵蓋的照片，但有不透明度，因此不會堵塊圖像。

如何追求這個有什麼建議？

歡呼聲

Answer 1

你不需要任何JavaScript來做到這一點。您可以使用CSS：懸停狀態顯示在鼠標懸停的信息圖像。 假設你有一個像這樣的標記：

<div class="image"> 
    <img src="" /> 
    <div class="overlay"> 
    Name: John 
    </div> 
</div> 

然後，你可以寫這樣的CSS：

.image{position:relative;} 
    .overlay{position:absolute; bottom:0; display:none;} 
    .overlay:hover{display:block;} 

然後在它的最好不要用css透明度，因爲它不支持所有瀏覽器都具有不透明度舊的瀏覽器。我會使用alpha值小於1的單個像素png。