Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>"3d" positioning in web layouts is ... complex, to say the least. The part everyone knows about is the z-index style. But what a lot of people don't realize is, the z-index difference between two elements only comes in to play if they're at the same depth in the DOM tree; if they're not, the one that is higher in the tree (ie. closest to being directly under the BODY) will always be "on top", regardless of the z-index.</p> <p>So, in theory, if you put your A tag higher in the DOM, it should take precedence over the video. Except, maybe not in IE. In IE, certain elements (I know for sure SELECTs do this, but video probably does too) always appear "above" ... well, everything else. The common workaround for this is to use another one of those elements (usually an IFRAME) as the background for your content. Alternatively there are libraries (such as the bgiframe plugin for jQuery) that will handle this sort of thing for you.</p> <p>If none of that works, you also might just want to try hooking up an "onclick" event handler to the A (or maybe even the video itself), and then in that handler do "e.stopPropagation()" to prevent the click from "bubbling up". You could also do "e.preventDefault()" to prevent the default action of the movie starting, but you'd have to do that on the movie (or if you do it on the A, you'll need to make the handler do "window.location = <em>link</em>", since it will prevent the default action of the A, ie. going to the link).</p> <p>Hope one of those ideas works for you.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload