0

我有一些代码可以检查数据库并根据某些标准返回图像。图像始终返回并以 178x134 像素显示。将图像拉入单元格的代码是这样的......

<td><?php printAcct(1); ?></td>

我有一个透明图像，左上角有一个图标，我想把它放在返回图像的顶部，有点像水印。我似乎找不到任何简单的方法来做到这一点，并且我尝试过的困难方法失败了，因为我想在顶部覆盖透明/水印图像的图像是通过 php 拉入的。

我在这个网站上找到了这个代码......

<style>

.solid {
   background-image: url('image1.jpg');
   background-repeat: no-repeat;
   width: 178px;
   height: 134px;
   z-index:1;
}

.transparent {
   background-image: url('overlay.png');
   background-repeat: no-repeat;
   width: 178px;
   height: 134px;
   z-index:1000;
}
</style>


<div class="transparent">&nbsp;</div>

这正是我想要做的，但是当我像这样将透明 div 包裹在 php 调用周围时它不起作用......

<td><div class="transparent"><?php printAcct(1); ?></div></td>

让这有点棘手的部分是 php 调用返回一个图像并使其可点击到某个链接（基于图像）并且需要在我将水印图像放在顶部时进行维护。

我不是一个程序员，但可以体面地修改代码，所以我真的很感激一些帮助或被指出正确的方向。

谢谢！

4

1 回答 1

0

我用代码制作了一个 JS-Fiddle 来实现你想要的。但它需要 DIV 才能正常工作。

http://jsfiddle.net/6uPTa/

如果您可以阐明您的代码与上述代码有何不同，我可以编辑此答案并提供更改。

编辑：字母 A 是底层，“这里的宠物产品”是水印。

于 2012-07-11T02:57:27.183 回答