Solved

issue with z-index and jquery show

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

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Need HTML output in powershell line by line 3 30
Html Newline 7 21
Fix a css menu for width 15 23
jQuery Datatables.js Selecting a Row to get ID 5 22
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
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 custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

830 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