IE8 Z-Index problem

Eddie Shipman
Eddie Shipman used Ask the Experts™
on
Link: http://test.scic.com/files/durable/aboutus.html

The video goes over the header when scrolling down in IE8. In all others above IE8, it works correctly.

How can I make the video go behind the fixed positioned header?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Kyle HamiltonData Scientist
Most Valuable Expert 2014
Commented:
Actually, it only works in FF and IE9. I'm pretty sure it has to do with the Flash video - Flash likes to be on top.

Not an ideal solution, but, If you sacrifice the .topbar position:fixed, you will avoid this problem.
Top Expert 2013
Commented:
Try putting this in the head of the page:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

If that does not work then try a z-index of -1 on the flash player.

A final attempt would be a long shot but try going from xhtml transitional to xhtml strict for the doctype.

Cd&
Change z-index value the below css code refer...

.topbar {
    background: url("../images/bgHeader2.png") repeat scroll 0 0 transparent;
    border-bottom: 2px solid #666666;
    position: fixed;
    top: 0;
    z-index: 0;
}

file core5.css line 86 Change z-index:0;

Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Eddie ShipmanAll-around developer

Author

Commented:
@kozaiwaniec,
Removing Fixed is not an option.

@COBOL,
The meta tag, doctype change nor z-index of -1 worked.

Any more ideas?
Eddie ShipmanAll-around developer

Author

Commented:
I cannot set wmode because it is being loaded from YouTube.
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
Kind of a longshot, but what if you put the header in an iframe instead of using fixed positioning?
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
Sorry, I meant frame, not iframe...

I know, frames can be considered evil, but there's a time and place for everything....
Eddie ShipmanAll-around developer

Author

Commented:
OK, modifying the URL to the video to add
?wmode=transparent 

Open in new window

fixed the issue.
Eddie ShipmanAll-around developer

Author

Commented:
Found answer on stackoverflow.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial