0

ホバー画像もある画像でログインボタンを作成したかったのですが、アクティブな画像もあり、 FirefoxとChrometype="submit"ではうまく機能しますが、インターネットエクスプローラーでは基本的な画像を表示し、ホバーを表示しません画像とアクティブな画像。その横に、ボタンをクリックするとボタンに点線が表示されます。

IEでの表示方法：

http://imageshack.us/photo/my-images/72/ieproblem.jpg/

クロムとファイアフォックスでの表示方法：

http://imageshack.us/photo/my-images/685/chromes.jpg/

.button
 {
    border:none;
    background: url(../img/login.jpg);
    width:41px;height:19px;
   }
    .button:hover 
        {
        background: url(../img/loginhover.jpg)  no-repeat top left;
        width: 41px;
        height: 19px;
        }

 .button:active {

 background: url(../img/loginactive.jpg);
   }

HTML 上のボタン コード:

<input type="submit" class="button" value=""/>
4

2 に答える 2

1

以前のバージョンの IE を使用している場合、:hover に問題があります。

ie7 を使用している場合 >

href をアンカーに追加する必要があります。それ以外の場合、:hover は IE によって取得されません。

アウトラインを削除するには、試すことができます

a {
   outline: 0;
}
于 2012-10-30T16:44:09.190 に答える
0

outlineこれはIE内のプロパティが原因だと思います。

削除方法のヒントについては、http://css-tricks.com/removing-the-dotted-outline/をご覧ください。

a {
   outline: 0;
}

または、outlineスタイルを他の要素に適用します。

于 2012-10-30T16:44:01.313 に答える