0

私はこの単純なホバー効果を持っています http://www.mysecretathens.gr/Sera/index.html

#footer ul li:hover {
opacity: 0.7;
filter: alpha(opacity=40);
 }

フッターの下にあるソーシャル メディアのアイコンでは、しかし IE では、各アイコンの周りに青い境界線が表示されます。それを修正する方法は？これも見ますか？

4

4 に答える 4

1

画像の周囲にリンクがある場合、IE は自動的にその周囲に境界線を配置します。

青い枠線を削除するにa { border: 0 }は CSS に追加します

于 2012-08-30T10:08:01.813 に答える
1

見えませんが、<a>アンカータグだと思います。したがって、IE の場合border:0px;は、ソーシャル メディアのアイコンであるアンカー タグを追加する必要があります。

于 2012-08-30T10:04:31.780 に答える
0

これを css に追加します。

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

編集：前に追加filter: alpha(opacity=40);

于 2012-08-30T10:11:23.000 に答える
0

リンク（アンカー）があればそれがInternet Explorerの標準です。この場合、境界線を次のようにリセットする必要があります。

a { 
  border :none;
}

また 

a { 
  border :0px;
}

次回は、jsfiddleをお勧めします。コードを簡単に配置して実行し、サイトでデバッグして質問することができます。

于 2012-08-30T10:12:25.283 に答える