几个基础揭示模态需要不同的背景

Question

我在一页上有2个Foundation揭示模态。 独立地它们工作正常，除了我需要一个背景为黑色而另一个为白色的背景。 不幸的是，默认显示模式使用一个公共背景（.reveal-modal-bg）。 如何为此背景实现不同的样式或为每个模式赋予其独特的背景？ 这是我在页面上的电话：

<script>
$(document).foundation('reveal', 
{
animation: 'fade',
animation_speed: 200,
close_on_background_click: true,
dismiss_modal_class: 'close-reveal-modal',
multiple_opened: false,
bg_class: 'reveal-modal-bg',
root_element: 'body',
on_ajax_error: $.noop,
bg : $('.reveal-modal-bg'),
css : {
open : {
  'opacity': 0,
  'visibility': 'visible',
  'display': 'block',
  'transition': 'visibility 0s linear 0.2s, opacity 0.2s linear'
},
close : {
  'opacity': 1,
  'visibility': 'hidden',
  'display': 'none',
  'transition-delay': '0s'
}
}
});
</script>

感谢您的见解。

Answer 1

您将必须直接在CSS中处理此问题。 您可以通过将附加类添加到相关模态并设置背景颜色来实现。