| Issue 115: | does nyromodal use z-index to define overlay? | |
| 2 people starred this issue and may be notified of changes. | Back to list |
|
Not really a bug or issue. Just wondering how does nyromodal define the overlay. What i am trying to do: - use both jqmodal and nyromodal together. I originally started with jqmodal due to its clear structure of header/body/footer so that i can do css with the modal easily. But jqmodal can't load a complete web page into the modal. - situation now, if I call nyromodal with jqmodal in present, nyromodal will be behind jqmodal since jqmodal defines overlay by z-index. I can't find a z-index definition anywhere in nyromodal document. Any way to bring nyrolmodal on to the front? Thanks.
Nov 18, 2008
oops, i missed that. thanks, i will give it a try.
Nov 18, 2008
ok, let us know if you figured out how to solve your problem.
Nov 18, 2008
OK. by changing the Z-index, it works.
But 2 things confuse me:
1. I know i asked this before, but I still don't get it. how to change the nyroModal
setting?
I did something like
$.fn.nyroModal.settins.css={bg{zIndex; 500}, wrapper{zIndex: 501}}
it doesn't work. so i have to go to the library itself to modify the zIndex value.
2 The double overlay worked but when close the top modal (nyroModal), the screen will
freeze for like couple seconds. I have to click on the screen to make it go back to
normal (i guess make the modal completely removed?).
I really like the feature that it is able to load a complete page inside nyroModal.
Thanks.
Nov 18, 2008
In the version 1.3.0, the function nyroModalSettings set default settings if the
modal isn't already started. So you could use it for your exemple like that:
$.nyroModalSettings({zIndex: 500}, 'css', 'bg');
$.nyroModalSettings({zIndex: 501}, 'css', 'wrapper');
Nov 18, 2008
thanks. I will give it a try tomorrow.
Jan 27, 2009
(No comment was entered for this change.)
Status:
Fixed
Jun 21, 2011
background-color: black; position: absolute; overflow: hidden; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.75; tell me how to change opacity of background in nyromodal, as soon as possible |
||||||||
there's a css block that starts on line 200 (version 1.3.0). that's where the z-index is set: css: { // Default CSS option for the nyroModal Div. Some will be overwritten or updated when using IE6 bg: { zIndex: 100, position: 'fixed', top: 0, left: 0, height: '100%', width: '100%' }, wrapper: { zIndex: 101, position: 'fixed', top: '50%', left: '50%' }, wrapper2: { }, content: { overflow: 'auto' }, loading: { zIndex: 102, position: 'fixed', top: '50%', left: '50%', marginTop: '-50px', marginLeft: '-50px' } },