如何将一个图像重叠在另一个图像上

时间:2010-08-02 07:13:31

标签: html css image

在我的应用程序中我显示用户相册图像的缩略图。我想要做的是在相册图像的右上角显示delete图像按钮over。当用户点击删除时它将传递图像ID并从数据库中删除图像信息。我的问题是如何在delete image上重叠album image? 删除图像是一个小的30 * 30 gif图像。 我正在动态生成图像块 -

<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>";   

}
...

1 个答案:

答案 0 :(得分:0)

您可以使用css和div 重叠/叠加图像。

这篇文章解释了你需要做什么。

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