Question

我有一个显示图像表的PHP站点。每个图像都有一个用户定义的“背景”。因此，用户可以说“我想要红色背景”，所有图像都会显示，其颜色边框为10像素。

此外，这是一个法律背景。

要做到这一点，我首先回显静态图像，然后是用户彩色图像，然后是表格图像。

echo "<img src='Static.jpg' width='60' height='60' />";
echo "<img src='User$userColor.jpg'  width='60' height='60' />";
echo "<img alt='TableImage' width='50' height='50' />";

Currentley，我将后两张图片附加到他们身上：

style='position:relative; top:-55px; margin-bottom: -55px;'

这看起来非常hacky。有没有一个很好的CSS方式我可以堆叠图像，所以当我改变大小或顺序时，我不必扫描和编辑每个图像的样式？

谢谢。

Answer 1

您的问题有点不清楚，但为什么不使用图像在静态图像周围创建10px边框，为什么不通过为每个想要边框的图像添加类来使用CSS？

.staticImage { border: 10px solid <?php print $color; ?>; }

例如，您可以将他们想要的边框颜色存储在Cookie中。

Answer 2

CSS：

<img alt='TableImage' width='50' height='50' style="border: 10px solid $userColor"/>

将图像堆叠在彼此之上

2 个答案: