Member Avatar for sgonser

Hello, I'm having an issue with absolute position of a few images/divs

This works in IE (shocker) and firefox, but not google chrome. When the pages loads, it displays the header logo in the top right, but then disappears after the page fully loads.

Is it a problem with my coding or doc type? There's also a z-index attached to these images.. maybe that's the problem?

Please help.. Kind of annoying.

Thanks in advance

Edited by sgonser because: n/a
  • 3 Contributors
  • 2 Replies
  • 60 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by hericles

Dani AI

Generated

Thanks for the demo and to and for testing — since some people see it and some do not, this looks like an environment or stacking/render issue rather than a simple typo. Quick, targeted checks will usually reveal the culprit.

First, use Chrome DevTools (Elements -> Computed) to verify the logo still exists after the page finishes loading and to inspect computed values for display, visibility, opacity, position, z-index, and transform. Set a DOM breakpoint (right-click the node -> Break on -> Attribute modifications or Subtree modifications) to catch scripts that change styles at load time. See the DevTools Elements guide for how to do this: Chrome DevTools Elements.

Second, remember that z-index only works inside a stacking context. Properties like transform, opacity less than 1, filter, or certain position/z-index combinations on ancestor elements create new stacking contexts and can change which element appears on top. Also check ancestors for overflow: hidden which can clip an absolutely positioned child. MDN has a clear explanation of stacking contexts and related behaviors: Understanding z-index and stacking context on MDN.

If the element disappears only in your Chrome, try Incognito (to rule out extensions), clear cache, and toggle Hardware Acceleration (to rule out GPU compositing). If you still see it hidden after these checks, paste the CSS for the header and its parent containers (not the whole site) and I or others can point to the exact property to change.

Recommended Answers

All 2 Replies

Member Avatar for lps

Actually it look fine in my version of chrome. Moreover, It work with same effect of firefox when I run it in safari which is using same platform with chrome.

Member Avatar for hericles

Looks fine in chrome on a mac

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.