Learn More
Resend Email
9
hitko
6y

Today on "fuck Firefox": elements with display: inline and position: relative completely mess up z-index and nested fixed / absolute positioned elements. It's a known bug, it has open issues on bugzilla since 2005, but still no fix. IE 8 can get it right, but not Firefox...

rant

browser

wtf

firefox

ie

css
Favorite
Ranter
Comments
  • 1
    6y
    @jespersh 255139 & related (489100, 629059, 779896, 969795, 1045877, 1499027, 1526738, ...)
  • 1
    6y
    Wait, how does it even mess up z-index?
  • 1
    6y
    @filthyranter See https://jsfiddle.net/Lfe6z17g/

    Clearly overlay should be drawn over content, since it's fixed and has the highest z-index; this is what happens in other browsers, and this is what happens in Firefox unless wrapper has display: inline.
  • 0
    6y
    Are you sure that's not a z-index stacking context problem?
    It ain't working on my mobile chrome either, but I'm going to check that out on pc
  • 0
    6y
    @Kimmax Mobile Chrome gives me dark green (black overlay over bright green content)?
  • 0
    6y
    Read about display types ... If you still use relative and inline in 2019 or is this post part of the 10 year challenge? I am so confused rn
  • 1
    6y
    @karma Right. Now would you please explain how one should place a tooltip above some text without using a shitload of JS or external frameworks?
  • 0
    6y
    @karma dude don't embarrass yourself.
  • 0
    6y
    @sSam I tried man, I tried
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment