Heads up, #CSS has an `infinity` constant. You can use it to create an unbeatable z-index. - ThreadSky

codersblock.com • 101 days ago

Heads up, #CSS has an `infinity` constant. You can use it to create an unbeatable z-index.

Comments

mashell.co•100 days ago

I actually said this as a joke one time and to know that it's an actual thing is so awesome!

lukewarlow.dev•101 days ago

Unbeatable you say... top-layer would have something to say about that 😜.

Jokes aside, top layer is the best part about popover. No more z-index wrangling.

lamplightdev.com•101 days ago

My first thought was does `z-index: calc(infinity + 1);` work 😂 (it doesn't)

aussie.bsky.social•101 days ago

Feels like a bug to me, have been using infinity + 1 to win arguments since I was 3

una.im•101 days ago

I’ll bring this up with the working group

aussie.bsky.social•101 days ago

Infinity + 1 people have requested this already, if you need numbers.

jroakes.bsky.social•100 days ago

Z-index is just the set of all infinities?

k17.dev•100 days ago

I can beat it easily with `popover`

kokode.io•100 days ago

I’ll stick to z-index: 999999999999; like god intended

john.kreitlow.rocks•101 days ago

Reminds me of "WORLD WAR Z-INDEX: Restoration of sanity to revisions/slider/menu z-index values": https://core.trac.wordpress.org/changeset/24753

soufianee.com•100 days ago

Sometimes, pushing up the z-index doesn’t solves my problem. I also throw an isolation isolate and nothing happens. Then I just give up or bring in a portal

cobrawinfrey.dev•101 days ago

Dillinger Escape Plan approves

codersblock.com•100 days ago

Alright, so I had no idea what this meant so I did some googling and I think I got it. And then I gave them a listen. Well played.

cobrawinfrey.dev•100 days ago

first thing that popped into my head...listened to this a lot in college

knowler.dev•101 days ago

.tdep {
z-index: calc(infinity);
burnt: 43%;
}

another.rodeo•101 days ago

Just gonna be sitting here for a while, stuck on the concept of calc-ing infinity.

comicss.bsky.social•101 days ago

Use max() for extra effect. It will work the same, but it feels more powerful ;P

codersblock.com•101 days ago

haha a power move, I like it 😄

benbrignell.com•101 days ago

Immediately tried:

z-index: calc(infinity + 1);

seanofthedev.bsky.social•100 days ago

Haven't we known since the 1920's that some infinities are bigger than others? Is this why hotel sites always have terrible CSS?

smfr.bsky.social•101 days ago

z-index is never unbeatable; it’s contained within its enclosing stacking context, so some other stacking context can get on top.

segdeha.com•81 days ago

Every party has a pooper, Simon 😂

codersblock.com•81 days ago

To be fair, I said nothing about guaranteeing it'll always be on top. Stacking contexts, etc.

I said the z-index is unbeatable, which is true, there is no value that supersedes `infinity`. 😄

ericportis.com•101 days ago

Wild that it took this post for me to be curious enough to look into how z-index ties are resolved https://codepen.io/eeeps/pen/GRVbeRM

maikelkrause.bsky.social•101 days ago

Top layer be like

mattfelten.com•101 days ago

Does infinity + 1 work though?

Comments

Posting Rules

Reply