homepage Welcome to WebmasterWorld Guest from 23.22.194.120
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Strange and Unexplainable CSS Problem, Exclusive to Chrome
Disappearing image
PublicSphere




msg:4462876
 11:14 am on Jun 8, 2012 (gmt 0)

I'm developing a home page. It has an image at the top, positioned absolute to the right and top. I'm using z index to make this image appear behind some text.

Everything works fine in all (modern) browsers.

However, when you navigate away from the page and then back to it the image is not visible (or is not displaying).

Only when resizing the screen (to make a different CSS media querues kick in), reloading the page, or inspecting an element, does the image reappear.

This only happens in Chrome -- none of the other browsers.

At first I assumed it was a z index issue. I tried a few things but nothing worked. I narrowed the problem down to the position absolute. When this is removed the problem stops occurring.

Is this something anyone else has seen before?!

Any ideas on what I can do to fix it?

Many thanks in advance for any advice given.

 

PublicSphere




msg:4462914
 12:38 pm on Jun 8, 2012 (gmt 0)

I've solved this. It was actually to do with a height: 100% on the image, which i've now set to a fixed pixel height.

Most likely a glitch from Chrome.

alt131




msg:4462944
 1:48 pm on Jun 8, 2012 (gmt 0)

Interesting publicshpere, how odd. "Glitch" or bug in Chrome do you think? - Or just code not working as desired?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved