输入字段逐渐消失，取代了网站的其他部分

Fading in input field, displacing the rest of the website

本文关键字：网站其他部取代字段消失输入更新时间：2023-09-26

我正在制作一个网站，网站的主要部分是一个画布，我通过javascript和jquery制作了一个应用程序。为了获得用户的输入，有人建议我在使用绝对定位放置的一些输入字段中淡入。它是有效的，但随着它们的消失，它们在某种程度上取代了网站的其他部分。我能做些什么让它不取代网站的其他部分？此外，一定要让我知道从用户那里获得输入的其他方法。

这是该网站托管版本的链接。

由于我的评论正在变成一个答案，我不妨添加一个答案：

获取用户输入的另一种方法是prompt（）

要解决您的绝对定位问题，请将您的内容包装在包装器div中，例如：

<div style="width: 500px; margin: 0 auto;position:relative;">
  <!--content here-->
</div>

然后确保你的每一个输入都有绝对的位置。

注意：您使用的绝对值将不再是相对于文档的，而是相对于新包装器的，因此top: 0; left: 0将在包装器的左上角放置一个元素