2013-10-07 3 views
4

Я пытаюсь сделать так, чтобы при посещении ссылки настойчиво был определенный цвет и некоторая непрозрачность, которая соответствует не посещаемым ссылкам, когда WebKit полностью переводит их.a: посещенные ссылки - непрозрачность не работает

Используя это:

a:visited { 
    color:#cc7839; 
    opacity:0.1; 
} 

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

Когда я наводил ссылку на посещенную ссылку, она переходит к непрозрачному цвету, установленному WebKit для: link: hover.

Вот CSS, который находится в другом файле для установки всех ссылок:

a:link:hover,a:hover,a:visited:hover { 
    color: #cc7839; 
    opacity:0.8; 
    text-decoration:none; 
    -webkit-transition:all 0.5s ease-in; 
    -moz-transition:all 0.5s ease-in; 
} 

Я думаю, что я должен что-то изменить с последней CSS в терминах которых a элементы он определяет?

+0

Возможный дубликат [доступа вложенных элементов с помощью CSS] (https://stackoverflow.com/questions/48114641/access-nested-elements- с-css) – Makyen

ответ

3

Невозможно. Вы можете использовать селектор :visited для изменения цвета элемента. Таким образом, непрозрачность не работает.

SEC7115

: посетили и: стили ссылок могут отличаться только цветом.

Reference here - Не смог найти W3 документацию с указанием его ..

+1

Gotcha. Так что нет способа добиться того, что я пытаюсь сделать? – jspinella

+0

@JoshCrozier, это для обеспечения безопасности, * не * юзабилити. См. Https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ – Pacerier

+1

@Pacerier Спасибо, что указали это. Это интересно, мне придется прочитать эту статью. –

Смежные вопросы