html - 如何安抚 Chrome 的输入显示(图像和文本输入)？

Question

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

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

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

Answer 1

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