如何将一张图片重叠在另一张图片上？

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/