html - 在 Play Framework 中，如何将图像放在另一个图像之上？

Question

我是 Play 新手。我想知道如何将图像放在另一个图像之上。我用了这个方法

<div style="position: relative; left: 0; top: 0;">
  <img src="a.jpg" style="position: relative; top: 0; left: 0;"/>
  <img src="b.jpg" style="position: absolute; top: 30; left: 70;"/>
</div>

来自如何在 HTML 中将一个图像放置在另一个图像之上？

但是在 Play 上运行，它只是没有用。图像并排放置，更改“顶部”和“左侧”值没有任何区别。

我运行了带有静态图像路径的静态 html 文件，它起作用了。我现在很困惑。

我正在使用 Play 2.2.0。

Answer 1

没有任何理由责怪 Play，因为在您的情况下，它甚至不会生成代码，只是显示它......

将单位添加到非零值，这应该会有所帮助。

<div style="position: relative; left: 0; top: 0;">
  <img src="a.jpg" style="position: relative; top: 0; left: 0;"/>
  <img src="b.jpg" style="position: absolute; top: 30px; left: 70px;"/>
</div>