3 ms·
I was surprised to encounter this as well in Firefox using Dark Mode. I'm still not 100% sure what's going on, because it's rather odd, but if I inspect the pag
by capitainenemo 5y ago
I was surprised to encounter this as well in Firefox using Dark Mode.
I'm still not 100% sure what's going on, because it's rather odd, but if I inspect the page, and add a:
.language-java { opacity: 0.99999 }
All content instantly renders.
Interestingly:
.language-java { opacity: 1 }
or
.language-java { opacity: 0.99999999 } /* probably same as 1 */
Blanks out the content again. Seems rather odd behaviour to me so definitely interested if anyone figures it out, even if this is kind of derailing the discussion.
- capitainenemo 5y agoKay. Day got a bit more quiet. I vaguely remembered running into this weirdness before. It's 'cause apparently opacity creates a new stacking context. Doing z-index:1;position: relative; does same thing. The rule that seems to be breaking everything is the one that forces a default opaque background on everything with dark text. For it to break this, there must be overlapping content, but haven't found it yet. But enough to know what was going on..