html - Adobe Muse：带有图形样式和 CSS 的 SVG 在 chrome 中消失（但在 Firefox 中没有）

Question

在 Chrome 中预览

在 Firefox 中预览

1. 我添加了一个 svg 图像。
2. 添加了名为“imageHover”的图形样式并应用于图像。

3. 插入到图像 HTML 之间：

   <style>
   .imageHover {
     opacity: 0.8;
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(0px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transitionorigin: center center;
     transform-origin: center center;
   }
   .imageHover:hover, .imageHover:focus, .imageHover:active {
     -webkit-transform: scale(1.03,1.03);
     transform: scale(1.03,1.03);
     opacity: 1;
   }
   </style>
   

4. 文件-> 浏览器中的预览-> 图像从 Chrome 的页面中消失，但在 Firefox 中完美运行。

知道有什么问题吗？

谢谢。