如何安抚 Chrome 的输入显示（图像和文本输入）？

Question

在http://powerbible.info 上，有一个文本输入和一个图像提交输入。它们被声明为内联，没有格式化，直到最近，文本输入总是按预期出现在图像输入的左侧。

它在 Firefox 和 Safari 中仍按预期显示（尚未尝试过 Internet Exploder），但在 Chrome 中却没有。在 Chrome 上，图像输入显示在文本输入的顶部，在左侧，并遮盖了用户键入的任何内容的前几个字符。

我可能可以用胶带将它粘贴到 Chrome 上的预定位置，但我想问一下。我该怎么做才能让 Chrome 将文本输入和图像输入识别为两个内联元素，即图像之前的文本（仅由隐藏的输入和空格分隔）？

Answer 1

您在input[type=image] 的css 样式表中使用position: absolute;。该绝对定位导致提交按钮与文本输入重叠。去掉绝对定位，重叠就会停止。