Materialize Model看起来不同当使用class而不是id

Question

我在我的网站上使用Materialise框架。在materializecss.com/Modal.html中他们提供了id <div id='cart_modal' class="modal modal-fixed-footer">，但我想要上课<div class="cart_modal modal modal-fixed-footer">

问题是，当我使用课程时，它会将z-index: 1003;添加到div。

模态代码

<div class="cart_modal modal modal-fixed-footer">
   <div class="modal-content">
   </div>
   <div class="modal-footer">
      <a data="<?php echo $value->product_id; ?>" class="indigo-text modal-action modal-close waves-effect btn-flat ">Add To Cart</a>
      <a class="indigo-text modal-action modal-close waves-effect btn-flat ">Cancel</a>
   </div>
</div>

模态触发

$('.cart_modal').openModal();

我创建了两者的jsfiddle，但它们完美无缺。

jsfiddle - id jsfiddle - class

图片

使用id属性时，

使用class属性时，