0

我需要在画廊中的一系列图像上放置一些文本。我发现了很多关于文本部分的教程，但是图像需要浮动。每当我添加 float:left 虽然这个技巧不再有效。我的代码（为了简洁起见，css内联）：

<a href="/photos/photo1.php" title="photo1">
<span style="position: relative; width: 100%;">
  <img src="/photos/photo1.jpg" alt="" />
  <span style="position: absolute; top: 10px; left: 0; width: 100%;">Text over image</span>
</span>
</a>

<a href="/photos/photo2.php" title="photo2">
<span style="position: relative; width: 100%;">
  <img src="/photos/photo2.jpg" alt="" />
  <span style="position: absolute; top: 10px; left: 0; width: 100%;">Text over image</span>
</span>
</a>

这样图像是一个在另一个之下，但就像我说的那样，我需要在不破坏其他所有内容的情况下浮动它们。

4

1 回答 1

2

您将需要浮动整个外部<span>或<a>. 我的猜测是您当前正在尝试浮动<img>，这会导致元素最终处于意外位置。如果此假设不正确，您可能需要更新更多详细信息。

于 2010-04-05T15:22:53.593 回答