Here's the problem in the form of a fancy picture (isn't it beautiful?):
Each rectangle is a div tag and I'll refer to them by their colours. Black is the main content of the page and has to be below red which is the footer. However I have an image (green) within red which extends over the text in black but must always lie below the text. The text in black is contained within a span tag (but this could be a div as well if it needs to be).
My question is, is it possible to give black a z-index of, say, 1; red a z-index of 2; green a z-index of 3; and the text a z-index of 4?
This would make the above picture possible. However, browsers won't allow a child element to have a higher z-index than its parent so the above is not possible. The text always has an inherited z-index of 1, and therefore lies below green.
Is there a workaround?
P.S. I realise this can be a bit confusing to understand, hence the picture.
You can go in and tweak windows however you like and get that performance back. In the end though, we're talking about the default setup MS has which is trying to cover all bases and not be specific. If gaming is all you want to do then there are loads of things to uninstall or turn off you can do right now.
" Not a fan of democratic election of leaders?"
Yes. Let's me explain: Bush, Clinton, Obama, Bush Jr, Biden, and now Trump. Even if you are loyal to the Republicans or Democrats, then the performance as a whole of the democracy is 50%, and that is valid only if you consider that one party did the right thing. I consider that all of them were a scam, and all democratic countries follow the same pattern. It's like picking one of many options, and all of them lead to the same conclusion.
I stand with Socrates.
Question
Nick Brunt
Here's the problem in the form of a fancy picture (isn't it beautiful?):
Each rectangle is a div tag and I'll refer to them by their colours. Black is the main content of the page and has to be below red which is the footer. However I have an image (green) within red which extends over the text in black but must always lie below the text. The text in black is contained within a span tag (but this could be a div as well if it needs to be).
My question is, is it possible to give black a z-index of, say, 1; red a z-index of 2; green a z-index of 3; and the text a z-index of 4?
This would make the above picture possible. However, browsers won't allow a child element to have a higher z-index than its parent so the above is not possible. The text always has an inherited z-index of 1, and therefore lies below green.
Is there a workaround?
P.S. I realise this can be a bit confusing to understand, hence the picture.
Link to comment
https://www.neowin.net/forum/topic/977136-can-you-create-a-child-element-with-a-higher-z-index-than-its-parent/Share on other sites
7 answers to this question
Recommended Posts