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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -