将图像设为按钮

Question

我想把图像作为一个按钮。

这是我的代码：

<input type="image" name"lvl1_1" style="border:1px dotted #000000;" class="main" width="50" src="images/main/lvl1/1.png">

此代码无法正常工作，如果我将类型从“图像”更改为“提交”它可以正常工作，但图像和效果会消失。

我在代码中看不到问题：/

Answer 1

有三种方法：

1. 将 OnClick =“无论图像按钮应该做什么”属性添加到输入类型图像。

2. 将输入类型设为按钮而不是图像，并使用背景 =“图像源”属性。

3. 您可以使用图像集类型，并提供您想要点击的区域的坐标。

Answer 2

如果您尝试提交表单，可以创建提交按钮，然后使用CSS将按钮的图像设置为背景图像。

HTML：

<input type="submit" name"lvl1_1" style="border:1px dotted #000000;" class="main" width="50" >

CSS：

.main {
background-image: url("images/main/lvl1/1.png");
background-position:  0px 0px;
background-repeat: no-repeat;
}