- Posts: 6
- Thank you received: 0
z-index
1 year 2 weeks ago #19
by onefoot
Hi there,
I have o problem with the layer positions of the modal pop up. Even when my other elements are way back z-index 1-10 the pop is not covering everything (see image in attachments). As soon as i use z-index for other elements of my site they will appear in front of the overlay.
Could you help?
Thanks a lot
I have o problem with the layer positions of the modal pop up. Even when my other elements are way back z-index 1-10 the pop is not covering everything (see image in attachments). As soon as i use z-index for other elements of my site they will appear in front of the overlay.
#sp-header {
position: relative;
z-index: 99;
}
.md-modal {
position: fixed;
z-index: 2000;
}
.md-overlay {
position: fixed;
z-index: 1000;
}Could you help?
Thanks a lot
Attachments:
Please Log in or Create an account to join the conversation.
1 year 2 weeks ago #22
by administrator
JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs
Replied by administrator on topic z-index
It will be easy if you can provide a live site, please?
JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs
Please Log in or Create an account to join the conversation.
1 year 2 weeks ago #24
by administrator
JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs
Replied by administrator on topic z-index
I think cannot use z-index in your case cause it's a child element. We will use JS to solve it, please add JS below to your template:
(function($){ $(document).ready(function(){ window.setTimeout(function(){ $('.jmp-modal').appendTo('body'); }, 500); }); })(jQuery);
I hope it works well
.
(function($){ $(document).ready(function(){ window.setTimeout(function(){ $('.jmp-modal').appendTo('body'); }, 500); }); })(jQuery);
I hope it works well
. JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs
Please Log in or Create an account to join the conversation.
Latest articles
-
K2 to Content MigrationThis tool use to import K2 articles to Joomla Content.
-
Restrict Username, Name field for JoomlaAdd restrictions to the name and username fields in Joomla.
-
Delete My Account, Extension for JoomlaJMP Delete My Account is an extension of Joomla! that gives your site members an option through which they can delete their account.
-
User Cleaner plugin for JoomlaThis plugin will help you clean up unnecessary users on your site.
-
File Manager Extension for JoomlaFile Manager is a ready-made solution for working with a file system through a convenient web interface.
Can open a pdf file?
Regards.