popup - Foundation 5 Reveal modal, remove background -
i'm having issues trying remove reveal modal background
the documentation gives several options none of them work: http://foundation.zurb.com/docs/components/reveal.html
remove background:
<div class="reveal-modal-bg" style="display: none"></div>
optional javascript configuration:
reveal options can passed in during initialization @ time. however, can bind open, opened, close, , closed events.
i tried returning object literal in event callback, doesn't work:
$(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' } } }
can please help?
thx,
don't use display: none, use css , set background color transparent in css (you need load css after foundation's in order override styles) - though i'm not sure why you'd want to?:
.reveal-modal { background-color: transparent;}
Comments
Post a Comment