- webkit -преобразование -стиль :сохранение -3d не работает

Я пытаюсь использовать эффект по этой ссылке код _на _jsfiddle . Эффект состоит в том, чтобы показать толщину монеты при ее вращении. Код, кажется, отлично работает на jsfiddle, но когда я попытался использовать его в своей кодовой базе, он просто не работает. Пожалуйста, кто-нибудь, предложите мне различные сценарии, в которых сохранение -3d может не работать или может возникнуть другая проблема.

Я попытался выяснить, в чем может быть проблема, и наткнулся на ссылку на w3c.org, где написано, что «поэтому сохранение иерархии элементов в трехмерном пространстве требует, чтобы каждый предок в иерархии имел значение ' сохранить -3d» для «преобразования -стиля», поэтому я подумал, что, возможно, какой-либо из моих предков div мог не сохранить -3d стиль, но когда я попытался смоделировать такую ​​ситуацию, когда предок не имеет сохранить -3D-стиль, даже если требуемый переход работает ссылка . Используйте webkit, чтобы увидеть переход при наведении. Пожалуйста, помогите