基础5显示模式，删除背景

Question

我有一些问题试图删除显示模式背景

文档给出了几个选项，但都不起作用:http://foundation.zurb.com/docs/components/reveal.html

删除背景:

<div class="reveal-modal-bg" style="display: none"></div>

可选的Javascript配置: 此时，

Reveal选项只能在初始化期间传入。但是，您可以绑定到open、opened、close和closed事件。

我尝试在事件回调中返回此对象文字，但这不起作用:

$(document).on('open.fndtn.reveal', '[data-reveal]', function () {
  return {bg_class: 'noBackground'}
});

---

{
  animation: 'fadeAndPop',
  animation_speed: 250,
  close_on_background_click: true,
  dismiss_modal_class: 'close-reveal-modal',
  bg_class: 'reveal-modal-bg',
  root_element: 'body',
  bg : $('.reveal-modal-bg'),
  css : {
    open : {
      'opacity': 0,
      'visibility': 'visible',
      'display' : 'block'
    },
    close : {
      'opacity': 1,
      'visibility': 'hidden',
      'display': 'none'
    }
  }
}

你能帮帮我吗?

thx,

Answer 1

不要使用display: none，只需使用css并将背景颜色设置为透明(您需要在基础后加载css以便覆盖其样式)-尽管我不确定为什么要这样做?:

.reveal-modal {
background-color: transparent;}

Answer 2

不是最好的选择，但一个快速的解决方案是使用:

style="display: none!important"

为"reveal-modal-bg".