如何将此图像转换为文本框和按钮？

Question

这是图片：

现在我想将其中的一部分转换为文本框，将“Mag Lens”转换为可点击按钮。

但错误的问题是两者都在同一张图片上，但它们有不同的功能..

任何人都可以为我编码吗？我不知道聊天。

由于

Answer 1

我不熟悉php，但你想要做的是：

1. 将该图像分解为文本框的背景和两个不同图像中的mag图标。
2. 创建一个容器（我使用div），使用css将背景设为您拥有的文本框图像
3. 然后在div中，输入并使用css隐藏输入框的边框。
4. 然后，在放置输入后，将mag图像放在href或类似的东西中（在.net中我们使用图像按钮控件）。

Answer 2

这不是PHP问题。您可以使用图像作为文本字段的背景并提交按钮。您甚至不必拆分图像。谷歌的“CSS精灵”。