CODEWITHSUNDEEP
htmlcssinternet-explorer
Plummer
Plummer

Reputation: 6688

IE - position fixed z-index draw issue

I don't even know how to ask this question. This issue is only in IE.

The page has a fixed position header and a slide panel that is also fixed positioned.

When the slide panel is scrolled down, and then back up, it creates these horizontal lines, almost like a vertical sync issue. When any other elements within the slide panel are hovered, the lines disappear over that element. Best I can do to explain this is a screen shot.

enter image description here

Best I can figure it's something with how IE is rendering the page and it's a graphics driver bug? I have no clue. This is outside my realm of knowledge.

EDIT I didn't post any code because it would be A LOT of code. I'm looking for direction on why IE would do this. It seems more like a bug with the rendering engine than CSS or HTML.

Upvotes: 2

Views: 414

Answers (1)

Plummer
Plummer

Reputation: 6688

While the root cause of the rendering bug was never resolved, there was a workaround.

The slidepanel was positioned 2px "underneath" the nav-bar on the Y-axis. After some fiddling, I position the slidepanel so that it would no longer be "underneath" the nav-bar, and viola. No more weird lines.

Upvotes: 2

Related Questions