如何將一張圖片重疊在另一張圖片上？

Question

在我的應用程序中我正在顯示用戶相冊的圖像縮略圖。我想要做的是顯示一個delete圖像按鈕over專輯圖像的右下角。當用戶單擊刪除圖像時，它會通過圖像ID和刪除從數據庫的圖像信息。我的問題是如何重疊delete image在album image？ 刪除圖像是一個小的30 * 30 gif圖像。 我生成圖像塊dynamicaly -

<div id="main"> 

<?php require 'getPhotos.php'; ?> 
</div> 

getPhotos.php-

... 
if ($result) { 

echo "<ul id='photos'> \n"; 

while ($row = $result->fetch_object()) { 

    $title = $row->title; 
    $src = $row->src; 
    $id = $row->id; 

    echo "<li><a href='images/$src'><img src='images/$src' width='90%' height='60%' id='$id' alt='$title' /></a> \n"; 
    echo "<h4>$title</h4> \n"; 
    echo "<input type='text' name='title' value='$title' /></li> \n \n"; 
    } 

    echo "</ul>"; 

} 
... 

Answer 1

你可以重疊/覆蓋在彼此的頂部圖像使用CSS和div的。

這裏是一篇文章，解釋你需要做什麼。

http://chadcarr.com/blog/simple-overlay-image-captions-css/