Режим совместимости IE9 показывает контур ссылки, где вкладки IETester 7/8 не

http://jsfiddle.net/B4van/

Я настроил эту основную скрипку.

Как я уже сказал в заголовке - контурная пунктирная граница, которая почти всегда добавляется к ссылкам при каждом нажатии на них, не отображается в IE7/8 при просмотре с помощью IETester, но граница отображается в режиме совместимости IE9.

Поскольку другой разработчик работает только с IE9, он тестирует страницу в режиме совместимости и неоднократно информирует меня о пунктирной границе, которую необходимо удалить. Он просит меня добавить onfocus="if(this.blur)this.blur();" за каждую ссылку на странице.

В предыдущих работах других разработчиков я заметил, что он серьезно этим пользуется. onfocus сниппет. Хотя для меня это первый раз, когда я вижу те, которые предотвращают контурную границу.

Что ж, это кажется мне более чем неправильным и странным, особенно когда ссылок много, поэтому сейчас я спрашиваю здесь. Это просто ошибка режима совместимости IE9, или я должен серьезно добавить onfocus фрагмент кода?

Я всегда, и теперь настроил это с помощью CSS:

a, a:focus
{
    outline: none;
}

Но, похоже, не работает.

Может быть, кто-то с нативным IE7/8 (ну, может быть, на виртуальной ОС, но более нативный, чем IE Tester) может протестировать его и сообщить о результате?

2 ответа

Решение

Согласно http://www.w3schools.com/cssref/pr_outline.asp

Схема поддерживается в IE8, только если указан!DOCTYPE. Так что, да, в нем четко говорится, что IE7 даже близко не поддерживает его.

Ты можешь попробовать это

a:active {outline:expression(this.onFocus=this.blur());}

набросок ссылки интернет-обозревателя | css5

Другие вопросы по тегам