Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

issue with z-index and jquery show

Posted on 2013-01-18
3
Medium Priority
?
332 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 2000 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

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

721 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