html - 在 html 中创建不可见的文本字段？

Question

我正在尝试将 html 代码放入我的老板提供的设计模型中，并且一些美学 - 例如搜索栏的形状有点奇怪和复杂。作为一个简单的修复，我想我会简单地在搜索栏的图像上放置一个文本字段，但我无法让它工作。

谁能建议一种在图像上分层文本字段的方法，使它不可见但仍能正常工作？

Answer 1

就隐形而言，将此 CSS 放在您的输入上:

input {
    background: transparent;
    border: none;
}

Check out this jsFiddle 这表明了这一点。至于定位输入，您应该能够正常处理。