テキストを含む背景画像で送信ボタンを作成しました。これはすべて、背景画像の下にテキストが配置されていない場合に機能します。特定のテキストが背景画像の下に配置されると、その領域はクリックできなくなり、残りの領域はクリック可能になります。 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;
}