如何將此圖片轉換爲文本框和按鈕？

Question

以下是圖像：

現在我想它的一部分轉換爲一個文本框和「馬格鏡頭」作爲clickble按鈕。

但buggest問題是，無論是在同一圖像上，但它們具有不同的功能。對於我

任何人都可以這個代碼？我不知道聊天。

感謝

Answer 1

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

1. 打破圖像轉化爲文本框，並在兩個不同的圖像的MAG圖標的背景。
2. 創建一個容器（我會用一個div），使用css使背景成爲您擁有的文本框圖像
3. 然後在div中放置輸入並使用css來隱藏輸入框的邊框。
4. 然後，直接在放置輸入之後，將mag圖像置於href或類似的php內（在.net中我們使用imagebutton控件）。

Answer 2

這不是PHP的問題。您可以使用該圖像作爲文本字段的背景並提交按鈕。你甚至不需要分割圖像。谷歌的「CSS精靈」。