0

我有一个显示图像表的 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 方式可以堆叠图像，这样当我更改大小或顺序时，我就不必扫描和编辑每个图像的样式？

谢谢你。

4

2 回答 2

1

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

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

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

于 2012-05-28T21:42:25.000 回答
0

CSS：

<img alt='TableImage' width='50' height='50' style="border: 10px solid $userColor"/>
于 2012-05-28T21:40:30.553 回答