我制作了一个带有包含文本的背景图像的提交按钮，当背景图像下没有放置任何文本时，所有这些都有效，如果将某些文本放置在背景图像下方，则该区域将变得不可点击，而其余区域变为可点击区域，这仅在 IE 中出现，在 firefox 中没有问题。
我使用的代码如下
html如下：
<div id='con1l'>
<input type='submit' name='loginbtn' value='Login' />
<font class='move'> Login </font> </div> (text to be place when image is disabled in browser)
css如下
#con1l input
{
background : url("../images/button1.png") no-repeat center center;
width:105px;
height:30px;
border : none;
color : transparent;
overflow: hidden;
text-indent: -999px;
font-size: 0;
display:block;
line-height: 0;
}
.move
{
float:left;
margin-top:-23px;
margin-right:28px;
color:black;
cursor:pointer;
font-family:Arial ;
font-size:15px;
font-weight:bold;
}