124

z-index: 9;
😕
z-index: 99;
😐
z-index: 999;
😑
z-index: 9999;
😡
z-index: 9999 !important;
😠
z-index: 9999 !IMPORTANTAHFA;
😲

Comments
  • 23
    Use a hammer and nail it up on top of the screen if shit still doesn't work.
  • 8
    Just try...
    position: relative;

    TADAAAA...
  • 4
    In the header of my SCSS file i add a comment block to track my z-indexing of any element with fixed position prop
    ex :
    // #Header : 1;
    // #Footer : 5;
    // # Body : 3
    And so on....
  • 0
    Feel you.
  • 3
    I usually make generic styles for these kind of stuff.

    .is-z1
    z-index: 9

    .is-z2
    z-index: 99

    ......

    And apply the classes to the elements I need
  • 3
    @codeStalker This makes sense
  • 8
    or

    text-align: center;

    margin: 0 auto;

    justify-content: center;

    align-items: center;

    vertical-align: center;

    float: center;

    color: center;

    and the content continues align to the left.
  • 1
    Change the css file that contains that statement to be the last that loads. Btw I'm currently having that issue with slick carousel 😂😂
  • 2
    @math-silva display: flex?
  • 2
    @romangraef display: center;
  • 0
    @math-silva isn't justify-content for flexboxes? (sorry im a backend dude and only learned about flexboxes like a month ago) position?
  • 0
    @romangraef Yes, it is. I did not write valid CSS in the comment.
  • 3
    @math-silva my favorite color.
  • 1
    @math-silva thank god. was a bit shocked.
  • 1
    @math-silva
    float: center?
    I've never seen that before, are you sure it's valid?
  • 2
    @BambuSource It is my favorite color too, but I use more "color: -10px".
  • 0
    @nbamaral I'm pretty sure.
  • 0
    @nbamaral
    Woosh, must not comment before coffee 😄
  • 2
    @math-silva Now with HTML5 color:flex looks good
  • 1
    z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  • 2
    !important
  • 1
    @nbamaral @math-silva it's not valid. Float only accepts left, right, and none iirc
  • 1
    @AlgoRythm I like your algorithm. Runs 9e99 times faster and use even much less space.
  • 0
    @iam13islucky
    And inherit, the default I think.
  • 1
    @AlgoRythm Try and implement it using a programming language like 'brain fuck'. You will definitely achieve similar efficiency.

    In fact, I tried it in R, I collected some benchmarks, PM me for the details... Too long to post in this thread. Which I would have done, should you not had made it long.

    Why did you do that? Are you drunk? Did you copy paste your efforts or you took time to write all that 9 out? Does your employee know what you do with your leisure time? Do you pay your tax? Do you even have a kid at home to take care of?
  • 1
    @nbamaral yes, right. I always forget about inherit.
  • 0
  • 1
    z-index: 9;

    a modal is now visible above the standard layout

    z-index: 99;

    a modal is now layered atop the header

    z-index: 999;

    a modal has become "woke"

    z-index: 9999;

    a modal has transcended into the 21st dimension
  • 0
    I have a SCSS module for that, 10 different levels, start at 10 and goes to 100. Based of the Material Design, initially I used 7, but found it more useful with more
Add Comment