0

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

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

移除背景：

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

可选的 Javascript 配置：

此时只能在初始化期间传入 Reveal 选项。但是，您可以绑定到打开、打开、关闭和关闭事件。

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

$(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'
    }
  }
}

你能帮忙吗？

谢谢，

4

2 回答 2

1

不要使用 display: none，只需使用 css 并在你的 css 中将背景颜色设置为透明（你需要在基础之后加载你的 css 以覆盖它的样式） - 虽然我不确定你为什么想要?:

.reveal-modal {
background-color: transparent;}
于 2014-12-28T09:09:15.367 回答
-1

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

style="display: none!important"

对于“显示-模态-bg”。

于 2014-06-27T11:43:22.173 回答