8

次の問題があります。サイトでイメージ マップを使用しています。Internet Explorer 9 (IE8 は問題ありません) で、リンク (エリア タグ) をクリックすると、その周りに青い境界線が表示されます。それを取り除く方法は？私はもう試した：

map, map area {
border:none !important;
}
img, a img, a:link img, a:visited img {
border:none !important;
}

しかし、それは役に立ちませんでした。誰かがこの問題を抱えていましたか？http://www.naturalnie.test.dih.pl/のサイトをご覧ください。画像マップはロゴの下にあり、リンクには「ホーム、コスメティキ、レカルストワ、ジブノシチ、補足、O Naturalnie.net」と書かれています。

編集：

解決策を見つけました。次のコードが機能します。

a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
4

5 に答える 5

7

なぜだけではないのですか

a,img { border: none; }
于 2012-04-17T15:05:14.540 に答える
2

これは私のために働いた

:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}
于 2013-12-30T16:13:12.810 に答える
1

よくわかりませんが、htmlに設定してみてください<img border="0" />

于 2012-04-17T15:00:46.050 に答える
0

この解決策は、リンクと境界線を持つコンテンツの両方を兼ねる画像との競合を引き起こします。ただし、画像リンクに既存の境界線がない場合は、IE でアウトラインを取り除き、他のものを妥協する必要があります。

a img {border: none; }

それをマスター CSS スタイル シートに追加するだけで、私の問題は完全に解決されました。

于 2013-08-13T07:57:51.480 に答える
0

リンクをクリックすると境界線が表示されるとおっしゃっているので、それは「フォーカス」の境界線のように聞こえます。

試すa:focus {border:0 none;}

于 2012-04-17T15:11:11.040 に答える