如何让我的<input type ="submit"/>一张图片？

Question

我有一个漂亮的小CSS图像,需要一个按钮.我尝试了大约20种不同的方法,但都没有.我只是得到一个空白的东西或一个内部没有任何东西的边框.

html:http://lrroberts0122.github.com/DWS/lab6/level-2/

图片:http://lrroberts0122.github.com/DWS/lab6/level-2/images/button.png

CSS:http://lrroberts0122.github.com/DWS/lab6/level-2/css/main.css

由于某些原因,我无法将其更改为"提交",因此我需要弄清楚如何使用CSS进行此操作.谢谢您的帮助!

Answer 1

使用图片提交按钮:

<input type=image src=button.png alt="Submit feedback">

(在设置在线表单时,我不会使用建议使用snailmail的图像,但也许有一些理由可以创建这样的关联.)

Answer 2

input[type=submit] {
    background: url(http://lrroberts0122.github.com/DWS/lab6/level-2/images/button.png);
    border: 0;
    display: block;
    height: _the_image_height;
    width: _the_image_width;
}