如何安撫Chrome的輸入顯示（圖像和文本輸入）？

Question

在http://powerbible.info上，有一個文本輸入和一個圖像提交輸入。它們是內聯的，沒有格式化，直到最近文本輸入總是出現在預期的圖像輸入的左側。

它仍然按照預期顯示在Firefox和Safari（還沒有嘗試過Internet Exploder），但在Chrome中沒有。在Chrome上，圖像輸入出現在文本輸入的頂部，左側，並遮蓋用戶輸入的任何內容的前幾個字符。

我可能會將膠帶粘到Chrome上的預期位置，但我想問一下。我該怎麼做才能讓Chrome將文本輸入和圖像輸入識別爲兩個內聯元素，即圖像之前的文本（僅由隱藏輸入和空白分隔）？

Answer 1

對於input[type=image]，您在css樣式表中使用position: absolute;。絕對定位導致提交按鈕重疊文本輸入。刪除絕對定位，重疊將停止。