Question

我在尝试删除揭密模式背景时遇到了一些问题

文档提供了几个选项，但它们都不起作用： http://foundation.zurb.com/docs/components/reveal.html

删除背景

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

可选的Javascript配置：

显示选项只能在初始化期间传递。但是，您可以绑定到打开，打开，关闭和关闭的事件。

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

$(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中将背景颜色设置为透明（您需要在基础之后加载css以覆盖其样式） - 尽管我＆＃ 39;我不确定你为什么要这样做？：

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

Answer 2

不是最好的选择，但快速解决方法是使用：

style="display: none!important"

对于“reveal-modal-bg”。

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

2 个答案: