Solved

issue with z-index and jquery show

Posted on 2013-01-18
3
325 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

914 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now