Php 如何让IE7在html表单中使用图像集作为提交按钮？

我有一个关于php脚本的html表单。我已经将提交按钮设置为具有自定义图像，而不是显示为默认的灰色。我已经在chrome中测试了代码，php脚本运行良好（也就是说，单击submit按钮可以成功调用并执行php脚本）。然而，同样的代码在IE7中不起作用

你能告诉我如何让它与IE7一起工作吗（我需要IE7的支持）-

代码：

<form action="some_php_script.php" method="post">
<input type="image" src="submit-button.png" name="submit-plus" id="submit-plus" value="submit" />
</form>

另一方面，我还有一个问题- 上面的表单当前引用了“some_php_script.php”。我可以在这个html部分编写一个php代码片段，这样它就可以在脚本url中传递一些值，如下所示-

<form action="some_php_script.php?page=12" method="post">

（基本上，我希望根据当前页面中的其他值动态传递？page=12。）

谢谢

试试看

<button type="submit" name="submit-plus" id="submit-plus" value="submit">
  <img src="submit-button.png" alt="submit" title="submit"/>
</button>

图像创建一个图形提交 按钮src属性的值 指定要删除的图像的URI 我会装饰这个按钮。对于 出于可访问性的原因，作者应该 为图像提供备用文本 通过alt属性

当指向 设备用于单击图像， 提交表单并单击 传递给服务器的坐标。这个 x值以像素为单位从 图像左侧，以及中的y值 图像顶部的像素。这个 提交的数据包括name.x=x-value 和name.y=y值，其中“name”是 name属性的值，以及 x值和y值是x和y 分别为坐标值。

如果服务器采取不同的操作 根据单击的位置， 非图形浏览器的用户将 处于不利地位。因此,， 作者应考虑交替 方法：

使用多个提交按钮（每个按钮都带有 它自己的形象）代替了单一的 图形提交按钮。作者可以 使用样式表来控制 这些按钮的定位。使用 客户端图像映射与 脚本编写

---

我不确定你是否找到了解决这个问题的可靠方法，但我在IE7中遇到了同样的问题。按钮图像在IE8+中看起来很棒，当然在Firefox和Chrome中也是如此

您可以将按钮标记保留在那里，如diEcho的示例所示，也可以使用输入标记返回原始代码。您要做的是添加“背景色”样式并将其设置为“透明”。我发现您没有与按钮关联的类，因此您可以在输入标记中创建一个内联样式

    <form action="some_php_script.php" method="post">
    <input type="image" src="submit-button.png" name="submit-plus" id="submit-plus" value="submit" style="background-color: transparent;" />
    </form>  

---

试试看！如果按钮周围有一个有趣的边框，您可以添加另一种样式的

border:none到内联样式。
如果要将图像类型用作提交按钮，必须手动添加onClick事件。添加的属性必须包含提交此表单的javascript调用。谢谢，diEcho！它现在在IE和chrome中运行。但现在有一个设计问题。按钮尺寸很大，我的按钮img很小，所以看起来很别扭。我尝试使用css为按钮设置一个类，然后指定宽度和高度属性；按钮已调整大小，但现在看不到图像。如何在调整大小的按钮内正确对齐图像？