Проблемы перехода непрозрачности Webkit с текстом

Ситуация:

Просмотрите jsFiddle

Внутри divу меня есть изображение, за которым следует текст, на котором есть font-weightиз 900. В моей локальной среде я использую пользовательский шрифт, но для скрипки выше я выбрал «всегда -такой -стильный» Comic Sans, чтобы проиллюстрировать свою точку зрения. Прежде чем что-либо произойдет, я установил непрозрачность всего блока на 0,7. Однако при наведении курсора на divя хочу, чтобы непрозрачность всего достигла полной непрозрачности.

Задача:

Я заметил, что в браузерах Webkit только (более заметен в Chrome, чем в Safari, однако ), при наведении и выключении тега divвес текста будет меняться. На самом деле вес текста, конечно, не изменился. Однако при ближайшем рассмотрении вы увидите, что текст появляется с желаемым весом только при наведении курсора, но не в состоянии -наведения.

Что я сделал:

• Я тестировал это во всех последних версиях Chrome, Firefox и Safari.
• В настоящее время я тестирую это на новом MacBook Pro, который, в моем случае, представляет собой экран Retina. Однако коллега, сидящая рядом со мной, протестировала скрипку на своем iMac (без -ретина-дисплея )и обнаружила, что проблема по-прежнему очевидна.
• Возможно, я просто сумасшедший, но я чувствую, что на самом деле это может быть то, как браузеры webkit предпочитают отображать элементы с разной непрозрачностью. С другой стороны, это может быть просто попытка избежать признания того, что я сделал что-то не так.

И, естественно, я подумал, что смогу поднять настроение с помощью Comic Sans.Вот снимок экрана, поясняющий проблему: