Magento 2 模態 z-index

Question

有沒有辦法改變 magento2 modal ( & modal overlay ) z-index，使用他們內置的 modal 小部件？

我已經閱讀了他們所有的文檔，但找不到一個很好的方法。 但我確實需要增加 z-index ......

我寧願更改特定模態的 z-index，但是全局覆蓋所有模態小部件 z-index 也可以。

這是我的代碼的相關部分（'zIndex' 不做任何事情）

有任何想法嗎..？

var options = {
  type: 'popup',
  clickableOverlay: true,
  zIndex: 9995 
};
var modalPopup = modal(options, $('#modal_id'));
$('#modal_el').click(function() { modalPopup.openModal() });

干杯! :)

Answer 1

修復使用css！

在 modal 上設置自定義類並在此設置 z-index

var options = {
  ...
  modalClass: 'hi_z_index'
};

Answer 2

在我的情況下，編輯 css 類並沒有解決我的問題，我找到了在初始化后為模態表單添加 zIndex 的解決方案。 所以你可以在它之后

var modalPopup = modal(options, $('#modal_id'));

添加這個

modalPopup.modal.zIndex(2000000001);