this post was submitted on 11 Aug 2023
526 points (97.0% liked)

Programmer Humor

32710 readers
473 users here now

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

founded 5 years ago
MODERATORS
 
all 29 comments
sorted by: hot top controversial new old
[–] [email protected] 74 points 2 years ago (4 children)

z-index: 999999 !important;

[–] [email protected] 40 points 2 years ago

!didistutter?;

[–] [email protected] 28 points 2 years ago (1 children)
[–] [email protected] 35 points 2 years ago (2 children)

fun fact: !important !important is essentially !importanter, and you can go even further if you want a hell of a css hierarchy

[–] [email protected] 13 points 2 years ago (3 children)

You can also just write your class again as some sort of additional specificity like

.myclass.myclass.myclass { color:red !important !important; }

[–] [email protected] 6 points 2 years ago (1 children)

The fact that this and the prior comments work don't make like CSS more tbh

[–] MellowSnow 2 points 1 year ago

Like most things in the world of dev, there are right and wrong ways to do things. Just because you can doesn't mean you should! CSS can be quite nice when used correctly!

[–] [email protected] 2 points 1 year ago

this and the parent comment have blown my mind.

[–] [email protected] 18 points 2 years ago (1 children)

I actually encountered an issue earlier today where my important wasn't working...and it was because another dev had already added a more specific important.

I deleted their important.

[–] [email protected] 7 points 2 years ago

I support this. Assert dominance.

[–] [email protected] 2 points 1 year ago (2 children)

When I read that, I can never not say “not important” in my head

[–] [email protected] 3 points 1 year ago

Yeah I think that makes CSS a manager. It's always prioritizing not important things

[–] [email protected] 2 points 1 year ago
[–] [email protected] 46 points 2 years ago* (last edited 2 years ago)

the z index is so high that the div escaped your monitor and is behind your head now

[–] SpaceNoodle 21 points 2 years ago

"programmer"

[–] _hovi_ 12 points 2 years ago

Always forget the position: relative

[–] TheYear2525 6 points 2 years ago (1 children)
[–] [email protected] 1 points 2 years ago

Along with transforms being 3d or flat transform styles

[–] Eheran 5 points 2 years ago (2 children)
[–] maniacal_gaff 5 points 2 years ago

You are most likely a programmer then.

[–] Simpsonator 4 points 2 years ago (2 children)

Z-index is how you set the layering of your web page. If I have elements with Z-index of -1000, 0, and 99999 they will overlay each other in that order with 99999 being on top.

The joke is that he put his div on the highest layer and still doesn't see it.

[–] sillynessitself 5 points 2 years ago

It is now behind him

[–] Eheran 1 points 2 years ago
[–] TootSweet 4 points 2 years ago

Never mind, z-index: 1000000; worked.