Я играл с Cute File Browser и у меня возникла проблема с пиктограммами файлов, отображаемых в Chrome. Эта проблема также присутствует на их демонстрационной странице .
. При первоначальной загрузке страницы миниатюра файла выглядит следующим образом:
Когда я go через инструменты разработчика (щелкните правой кнопкой мыши и осмотрите миниатюру), если я отключу правило box-shadow CSS, а затем снова включу его, миниатюра будет отображаться правильно :
Вопрос CSS:
box-shadow: 1.74em -2.1em 0 0 #a94bb7 inset;
, который применяется к элементу <span class="icon file f-html">.html</span>.
Загрузка страницы в Firefox работает без проблем. Почему Chrome ведет себя таким образом, и что я могу сделать, чтобы он правильно отображался без необходимости отключения / повторного включения правила?