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

标签 html css

我是 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>

来自 How do I position one image on top of another in HTML?

但是在 Play 上运行,它就是行不通。 图片并排放置,更改“top”和“left”值没有任何区别。

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

我正在使用 Play 2.2.0。

最佳答案

没有任何理由责怪 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>

关于html - 在 Play Framework 中,如何将图像放在另一个图像之上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19550352/

相关文章:

javascript - 使用一个变量检查​​多个输入字段

jquery - Bootstrap 轮播不滑动

javascript - window.setTimeout 的条件问题

css - 左右背景图像,在 CSS 中

javascript - 单击时使图像显示在另一个图像下方

javascript - Jquery Chat 使用 angularjs 绑定(bind)作为用户名

javascript - 隐藏具有相同类或 ID 的第二个元素

javascript - 结合D3可视化

html - 我如何让这些表格部分适合屏幕的宽度?

css - 添加底部滚动条的屏幕奇怪间隙