使用 CSS/Java 显示图像而不是 Button-Frame

Question

我的 jsp 中有以下代码。

#LoginButton
        {
            margin-left: 760px;
            margin-top: 5px;
            background: url(Images/Login.png) no-repeat scroll 0 0 transparent;
            border: 0;
            display: block;
            width: 200px;
            heigth: 62px;
        }

下面还有

<div id="LoginButton"><input type ="submit" name="Log" id="Log" value="LogIn"></div>

我只想查看没有按钮的图片，但我在各种问题和网站上看到的代码似乎真的在按钮的背景中，而不是“代替”按钮。

纯图像类型的按钮可以完美运行，但是我无法向我的 Servlet 的 doPost 方法提交值，我需要使用值“LogIn”提交给 doPost 方法。

我做错了什么？希望有人可以提供帮助:)

Answer 1

您可以将input 元素的type 属性设置为“图像”，如下所示：

https://jsfiddle.net/yeu6yo70/