Как избежать этой вспышки фиолетового на Chrome при использовании переходов? - PullRequest
3 голосов
/ 02 декабря 2010

Проблема здесь http://rohitarondekar.com/articles (и на каждой странице сайта).Когда вы загружаете страницу в Chrome, ссылки переходят с фиолетового на нужный цвет.Если вы не видите проблему, попробуйте обновить ее.Я не знаю, если это ошибка или проблема с моим CSS.Я включил небольшой фрагмент соответствующего CSS следующим образом:

/*
* Reset
*/

* {
  margin: 0;
  padding: 0;
}

a {
  color:  #999;
  text-decoration: none;

  -webkit-transition-duration: 500ms;
  -webkit-transition-property: background, color;
  -webkit-transition-timing-function: ease; 

  -moz-transition-duration: 500ms;
  -moz-transition-property: background, color;
  -moz-transition-timing-function: ease;

  -o-transition-duration: 500ms;
  -o-transition-property: background, color;
  -o-transition-timing-function: ease;

  transition-duration: 500ms;
  transition-property: background, color;
  transition-timing-function: ease;
}

a:hover {
  color: #0077cc;
  padding-bottom: 2px;
  border-bottom: solid 1px #ccc;
}

h1 a {
  font-family: Georgia, "Nimbus Roman No9 L", Serif;  
  color: #6A6A6A;
} 

h1 a:hover {
  color: #0077cc;
  border-bottom: 0;
}

nav ul li a#active {
  color: #555;
}

nav ul li a#active:hover {
  color: #0077cc;
}

section#content a {
  color: #0077cc;
}

section#content a:hover {
  color: #6A6A6A;
  background-color: #f0f0f0;
  border-bottom: 0;
}

footer a {
  color: #EEE;
}

footer a:hover {
  color: #222;
  background-color: #EEE;
  border-bottom: 0;
}

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

Версия Chrome, на которой я работаю, - 7.0.517.44 на 64-битной Ubuntu.Любая помощь относительно того, как этого можно избежать, будет принята с благодарностью.Также, если вам нужна какая-либо другая информация, спрашивайте.Спасибо!

Ответы [ 2 ]

2 голосов
/ 12 апреля 2018

У меня была эта проблема в Chrome, и я подумал, что это связано с посещенными ссылками или просто с FOUC.Оказалось, что у меня были отключены настройки веб-кэша, потому что я разрабатывал.Я вернул настройки кеша обратно на 15 минут, и временно пурпурная навигационная ссылка при загрузке исчезла.

0 голосов
/ 02 декабря 2010

Я не вижу его на 7.0.517.44 Mac, однако, вы можете попробовать явно указать посещенный цвет:

a:visited {
   color: #0077cc;
}

Ваши заявления о переходе выглядят хорошо для меня.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...