php - 将图像堆叠在彼此之上

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

你的问题有点不清楚，但与其使用图像在静态图像周围创建 10 像素的边框，不如使用 CSS 为每个你想要边框的图像添加一个类？

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

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