Вопрос по css, internet-explorer – Синяя рамка вокруг изображения карты в Internet Explorer 9

8

У меня возникла следующая проблема - я использую карты изображений на сайте. В Internet Explorer 9 (с IE8 все в порядке), когда я нажимаю на ссылку (тег области), вокруг нее появляется синяя рамка. Как от этого избавиться? Я пробовал:

<code>map, map area {
border:none !important;
}
img, a img, a:link img, a:visited img {
border:none !important;
}
</code>

Но это не помогло. У кого-нибудь была эта проблема? Пожалуйста, посмотрите на сайт -http://www.naturalnie.test.dih.pl/, Карта изображения находится под логотипом, где ссылки гласят: «Дом, Косметики, Lekarstwa, & # x17B; ywno & # x15B; & # x107; я дополняю, O Naturalnie.net & quot ;.

РЕДАКТИРОВАТЬ:

Я нашел решение. Следующий код работает:

<code>a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
</code>
возможный дубликатhow to remove blue border around links in IE9? Darth Plagueis

Ваш Ответ

5   ответов
1

<img border="0" />

Хм, я пробовал<area border="0"> - но, к сожалению, это не сработало. Irminsul
0

что граница появляется после нажатия на ссылку, это звучит для меня как "фокус" окаймление.

Пытатьсяa:focus {border:0 none;}

Боюсь, это не сработает. Irminsul
2

:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}
0

которые дублируются как ссылками, так и контентом, также имеющим границы. Однако, если ваши графические ссылки не имеют существующих границ, это должно помочь вам избавиться от контуров в IE и поставить под угрозу все остальное:

a img {border: none; }

Просто добавьте его в свою таблицу стилей мастер-css ... это отлично решило мою проблему.

6

Почему не просто

a,img { border: none; }
Черт возьми, я забыл добавить там "а". Однако это все еще не работает. Irminsul

Похожие вопросы