Jump to content

mp4 issues and z-index


gatormancl
 Share

Recommended Posts

w.greenlabelgraphics.com/home.phpThe link listed above is the site im debugging. For some reason my fixed header which has a z-index of 1000 is being stripped of its background image once it scrolls over the video. it only happens in safari and chrome, which means its the mp4 and not the video container, also because it only happens when i include the mp4. the ogv, and webm videos cooperate fine. Its just for some reason i cannot get my header to keep its bg image once it goes over the video. You can see what im talking about if you visit the page in chrome and then in any other browser. Some help would be appreciated.

Link to comment
Share on other sites

w.greenlabelgraphics.com/home.phpThe link listed above is the site im debugging. For some reason my fixed header which has a z-index of 1000 is being stripped of its background image once it scrolls over the video. it only happens in safari and chrome, which means its the mp4 and not the video container, also because it only happens when i include the mp4. the ogv, and webm videos cooperate fine. Its just for some reason i cannot get my header to keep its bg image once it goes over the video. You can see what im talking about if you visit the page in chrome and then in any other browser. Some help would be appreciated.
Never mind. I figured out that because my header background image was fixed, it was causing it to jump out of place. I solved it by removing "fixed" from the background element.before:#header { background: url('../img/header.jpg') repeat fixed; border-bottom: 1px solid #777777; height: 22px; opacity: 0.87; filter: alpha(opacity= 87); overflow: hidden; position: fixed; top:0; width: 100%; z-index: 1000; }after#header { background: url('../img/header.jpg') repeat; border-bottom: 1px solid #777777; height: 22px; opacity: 0.87; filter: alpha(opacity= 87); overflow: hidden; position: fixed; top:0; width: 100%; z-index: 1000; }
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...