占位符重叠的弹出窗口

Question

我在代码中输入以下内容：

<input type="text" id="myInput" class="myInputSearch" onkeyup="searchName()" placeholder="Search.." >

显示如下：

我还有一个“帮助”按钮，其中显示了一个模态对话框/弹出窗口，该对话框显示在当前页面的顶部：

<div class="w3-container">
    <a onclick="document.getElementById('id01').style.display='block'"  >Help</a>
    <?php include('modal.php'); ?>
</div>

问题是当我显示模式时，它被占位符重叠，如下所示：

它不应与模式窗口重叠。

我不知道这是否曾经发生在某人身上，但这似乎很奇怪，我无法解决。你能帮我吗？