• Что-то у меня мозгов не хватает решить проблему:
    Для jQuery картинки публикую как ссылки-картинки

    <a href="http://visajack.pp.ua/wp-content/uploads/2015/08/подсветка_центр.jpg"><img class="size-medium wp-image-217 aligncenter" src="http://visajack.pp.ua/wp-content/uploads/2015/08/подсветка_центр-300x216.jpg" width="300" height="216" /></a>

    Но именно в хроме после просмотра картинки в лайтбоксе появляется синяя рамка, которой нет в Edge.
    Хром: http://visajack.pp.ua/wp-content/uploads/2015/08/подсветка_центр.jpg
    Edge: http://visajack.pp.ua/wp-content/uploads/2015/08/безподсветки.jpg

    В данный момент можно «решить» проблему добавляя а внутрь p, а картинке указывая alignnone:

    <p style="text-align: center;">
    <a href="http://visajack.pp.ua/wp-content/uploads/2015/08/подсветка_центр.jpg"><img class=" size-medium wp-image-217 alignnone" src="http://visajack.pp.ua/wp-content/uploads/2015/08/подсветка_центр-300x216.jpg" alt="подсветка_центр" width="300" height="216" /></a></p>

    В этом случае подсветка в хроме «менее» заметна: http://visajack.pp.ua/wp-content/uploads/2015/08/подсветка.jpg
    Но она, всё же, имеется. Как от неё избавиться раз и на всегда?

    Кстати всё описанное мной «в картинках» тут: http://visajack.pp.ua/archives/213
    Там же можно кликнуть на картинки и увидеть «результат»

Просмотр 1 ответа (всего 1)
  • Разобрался
    Добавил:

    a:focus {
    	color: #35302e; // цвет фона
    }

    Вопрос в том, почему edge и ie показ этой обводки игнорировали.

Просмотр 1 ответа (всего 1)
  • Тема «Подсветка ссылки-картинки» закрыта для новых ответов.