1

Подскажите, как можно убрать пунктирную рамку вокруг картинок-ссылок, появляющуюся при наведении в ие7 ?
alt text
в ие8 и ие9 помогло прописать в стилях

a:active, a:focus, img { 
    outline: none;
    }

но в ие7 это не работает. как можно это решить?

2 ответа 2

3

В общем, в ие7 помог такой скрипт

<script type="text/javascript">
    $(document).ready(function(){
    $('a').focus(
    function(){
    this.blur();
    });
    });
</script>

если есть еще какие-нибудь варианты решения, будет интересно узнать :)

2

Лучше используй атрибут hideFocus:

$(document).ready(function(){
  $("a").attr("hideFocus", "true");
});

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

3
  • спасибо, сейчас опробую этот способ! а в каких случая может понадобится оставить фокус у элемента?
    – Heidel
    26 ноя 2012 в 8:57
  • 1
    К примеру при навигации с клавиатуры? Табуляцией дойти до нужной ссылки и нажать энтер? Или же если у вас выполняются какие-то скрипты при фокусе элемента. Вы выше сбрасываете фокус и это может помешать другим скриптам которым может фокус понадобиться. Сложно придумывать сферические примеры :)
    – iKuzko
    26 ноя 2012 в 9:07
  • ясно) спасибо за объяснения)
    – Heidel
    26 ноя 2012 в 9:09

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.