You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Flowplayer - overlay; flowplayer is behind all positioned elements (if their index is bigger than 0) Created Mar 10, 2010

This thread is solved

Views: 1700     Replies: 2     Last reply Mar 11, 2010  
You must login first before you can use this feature

Elven

Posts: 3

Registered:
Mar 10, 2010

Flowplayer - overlay; flowplayer is behind all positioned elements (if their index is bigger than 0)

Posted: Mar 10, 2010

http://www.jedansest.hr/NooviWeb/index.php

Click on "video" tab and then on the big picture of a girl behind green leaves.

It will open up a video, but video will be behind overlay and, most interesting, behind all elements with z-index, like it has index of 0.

I have tampered with CSS styles and !important for z-index of div.overlay, I have changed it in .js of jQuery Tools, I have moved my video from absolute positioned to fixed (it looks much better as well).

But nothing helps...

Although if I remove "wmode: 'opaque'" it works in Firefox and Safari, but not Safari on Mac...

Any ideas?

Elven

Posts: 3

Registered:
Mar 10, 2010

» Flowplayer - overlay; flowplayer is behind all positioned elements (if their index is bigger than 0)

Posted: Mar 11, 2010

Reply to: Flowplayer - overlay; flowplayer is behind all positioned elements (if their index is bigger than 0), from Elven
I was misusing "wmode"... mea culpa...

But still, in Safari for Macintosh (and not on PC), overlay (using expose #fff, opacity 0.9) is above the video... and I want video to be above everything...

Does anyone have an idea why is it so weird on Safari Mac?

Elven

Posts: 3

Registered:
Mar 10, 2010

» » Flowplayer - overlay; flowplayer is behind all positioned elements (if their index is bigger than 0)

Posted: Mar 11, 2010

Reply to: » Flowplayer - overlay; flowplayer is behind all positioned elements (if their index is bigger than 0), from Elven
And... solved :)

It was totally my fault... div which is overlaid is supposed to be last in markup... mine wasn't... that was causing troubles.

Suprisingly it was working ok in Safari PC and IE8, but not in FF3.5 and Safari Mac... now it works everywhere.

Thanks to my wise friend Mario :)