2013-08-01 4 views
2

WebKit просто очень меня раздражал: при загрузке страницы он оживил transition от начального значения браузера по умолчанию. У меня был что-то вродепереход-FOUC в WebKit?

a:link { 
    color: black; 
    -webkit-transition: color 1s; 
} 

но выцветают бы в от color: blue! FOOD не влияет на другие свойства, только transition с.

К сожалению, это очень сложно воспроизвести, я не мог справиться с этим. Мой (правда край) случай установка следующий образом:

  1. в «Dev» версии: куча <script /> с и <style type="text/less" /> сек
  2. производства версии: скрипты и стили H5BP -стиля concat'ed & уменьшенными (первый lessc ред соответственно)

FOUC будет отображаться только в ситуации 2, но остановился после того, как я встраиваются в @import сек некоторых таблиц стилей с @font-face с. Обходной путь, но это

Итак, у меня должно быть что-то с временем загрузки/заказа?
Кто-нибудь когда-либо сталкивался с чем-то подобным? (Думаю, нет.)

По крайней мере, может быть, когда-нибудь кто-нибудь столкнется с этой проблемой и найдет это полезным.

+0

Это происходит только в Chrome? – Daiwei

ответ

0

Если бы я должен был догадаться, я бы сказал, это потому, что вы положили свой переход перед своим цветом. Таким образом, вы назначили переход, тогда как ссылка является цветом по умолчанию (синий), а затем предложила изменить цвет (теоретически).

Попробуйте перевести последние переходы, чтобы они не переходили из значений по умолчанию в браузере.

+0

Хорошая догадка, но я переключил порядок в моем примере кода (я исправлю это), плюс, уже был применен другой цвет, переход позже будет сделан с более конкретным селектором. Кроме того, порядок не имеет значения: http://jsfiddle.net/2e6nF/3/ (по крайней мере, я мог бы использовать этот jsfiddle ...) – kubi

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