Tagged: z-index
Hello,
I have a problem with the layer order.
Two areas at the lower edge of the start page should overlay the Heroslider at its bottom immediately after the pageload.
Although I assigned an ID to each and assigned the z-index value in such a way that the areas would have to be above the hero, they don’t.
How can I fix this so it will display correctly right away?
Thanks in advance.
Regards
Knutnik
Hey Knutnik,
Thank you for the inquiry.
Looks like you have already managed to adjust the stack order or the z-index property of the columns below the hero image. They now overlay the hero slider or image.
Best regards,
Ismael
Hey Ismael,
no unfortunately that is not the case.
I was able to solve the other problems myself, but the z-index problem still exists.
The areas (teasers) that should overlay the hero are only displayed when I scroll or touch the page a little.
But they should be displayed immediately above / on the hero.
It looks like I need some script that will reload the teasers after the hero has loaded.
Do you have any ideas about this?
That would be pretty important for this website.
Thanks and regards
Knutnik
Hi,
Thank you for the update.
The columns already cover the hero image slightly. Would you mind providing a screenshot of the issue? You can use imgur or dropbox for the screenshots.
Best regards,
Ismael
Hi,
Thank you for the screenshots.
This css code might help move the hero image under the columns or the section that is containing them.
#myhero {
z-index: 0;
}
Best regards,
Ismael
Thank you Ismael that fixed it.