Стили границ связанных изображений

Question

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

Мой код:

a:link img{border-color:#FFF; border-style:solid; border-width:1px;}
a:hover img{border-color:#03F; border-style:solid; border-width:1px;}
a:visited img, a:active img{border-color:#036; border-style:solid; border-width:1px;}

Любые идеи будут оценены.

Answer 1

Ссылка CSS может быть трудно понять правильно, потому что многие браузеры могут быть странными об этом Лучший способ объявить CSS ссылки -

• Ссылка
• Посещено
• Hover
• Активный

(также запоминается как мнемонический LoVe / HAte).

Кроме того, попробуйте объявить свой CSS:

a:hover img {border: 1px solid #036;}

вместо указания его в трех разных декларациях.

Answer 2

Это может помочь нам сказать, какой браузер не работает, потому что все они обрабатывают якорные ссылки, которые имеют встроенный текст по-разному.