Search…

X3 Photo Gallery Support Forums

Search…
 
BigBobbyD
Experienced
Topic Author
Posts: 31
Joined: 04 Sep 2021, 04:41

z-index levels for footer

11 Feb 2022, 04:53

Hi Karl,

I have added a canvas as my background and have a problem that I believe css can straighten out and need your assistance.

The footer arrow to go back to the top of the page, currently my canvas is above that, even if I use z-index of -3 and so the button is no longer clickable. looking at the code I've tried footer [class*="sb-slide"] as a tag but that doesn't work

could you let me know the element name so I can make the adjustment?

I tried this, but it doesn't affect the location
.footer .up button
{
      z-index: 1;
}

The following works, however, the footer text and button lose their transparency as well 

footer.footer.sb-slide
{
    position:relative !important;
      opacity: 0.5;
    z-index:1;
}  
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: z-index levels for footer

12 Feb 2022, 04:42

Please, do you have a link so I can take a look? z-index may be relative to parent elements, and I don't even know where you have placed the canvas. Besides, does your canvas element contain anything interactive? If not, then why not assign CSS 'pointer-events: none', which means the element will not block mouse to underlying elements.
 
BigBobbyD
Experienced
Topic Author
Posts: 31
Joined: 04 Sep 2021, 04:41

Re: z-index levels for footer

12 Feb 2022, 05:45

Thank you sooooo much, that worked perfectly with CSS 'pointer-events: none:thumbsup:.

As always the support for this app is fantastic.

link below
https://dalton.li/Astro/