Modal不会在Safari上显示

Question

模式显示在Safari以外的所有浏览器上...帮助！看起来它甚至没有尝试和显示，所有其他浏览器它弹出很好

.simplemodal-container {
  height: auto !important;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s; }
  .simplemodal-container.dn-modal-scale {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
   -webkit-transform: scale(1); }
    .simplemodal-container.dn-modal-scale .dn-modal-progress .dn-modal-icon .fa-check {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .simplemodal-container.dn-modal-noanimation {
    -webkit-transition: none;
    -moz-transition: none;
    -webkit-transition: none; }

这是请求的HTML。

<div class="dn-snippet" id="dn-snippet-nautachoicemodal" ><div id="nauta-choice-modal" class="dn-modal-wrap">
  <div class="dn-modal dn-light-modal">
    <div style="cursor:pointer;" class="simplemodal-close">
        <span class="">X</span>
      </div>
    <div class="dn-modal-content">
      <h3 class="dn-modal-title">Cuban top-up.</h3>
      Nauta top-up is now available for Cuba.<br>Please select the product you would like to top-up.
    </div>
    <div class="dn-modal-footer">
      <button class="simplemodal-left-btn">Phone top-up</button>
      <button class="simplemodal-right-btn">Nauta top-up</button>
    </div>
  </div>
</div></div>