0

在这里和这里，有一些 Udacity 中使用的测验问题的例子。

我怎样才能达到这样的效果？（即：如何构建一个有图像的页面，然后在该图像上添加一些表单元素？）

也许我可以使用一张以图像为背景的表格。那行得通吗？跨浏览器是否可靠？

4

2 回答 2

1

有不同的可能性。

您可以将元素放置在“绝对”或“相对”位置，以便将元素完全覆盖在图像上。

您还可以使用 CSS3/HTML5 画布进行绘制。

我认为用图像做一个简单表格的最好方法应该是遵循本教程

如果您设法创建它，那么您可以调整 CSS 代码以便能够将卡片放置在您想要的位置

于 2012-07-27T05:05:25.503 回答
0

他们只是有一个图像，然后将表单元素绝对定位在它上面。

input {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 1;
}

只需要更改顶部和左侧，直到输入元素位于您想要的位置。输入元素可以位于图像的正上方。

于 2012-07-27T05:05:58.953 回答