Solved

issue with z-index and jquery show

Posted on 2013-01-18
3
327 Views
Last Modified: 2013-01-18
Can somebody take a look at the logo top left of this page.

I'm having a bit of a nightmare with the z-indexes not kicking in until the images are completely shown which means the image being on top of the logo until this is the case.

Any ideas?

http://www.spaceonwhite.co.uk/
0
Comment
Question by:scm0sml
  • 2
3 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 38795179
you can give the div that holds the logo a higher z-index:

<div style="position: absolute;z-index: 9999;">
                    <img src="graphics/logo.png" id="ctl00_Img1" alt="Space on White logo" title="Space on White Cardiff">
                </div>

Open in new window


I put it inline here, but you should give that div a class, and put the rules in your stylesheet.
0
 

Author Closing Comment

by:scm0sml
ID: 38795197
I was being an idiot good spot!
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38795204
:)
cheers.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question