css - trabajo - didi china
¿Cómo puedo hacer que iframe respete el índice z en IE? (4)
Tengo un elemento iframe de youtube en mi sitio web, pero está junto a los elementos de mi menú. Cuando paso sobre un elemento del menú, se abre un submenú que cubre parcialmente el iframe (debido a su posición, obviamente no es su función específica). Esto funciona bien en Firefox, pero como es habitual, no lo hace en IE, aquí el iframe cubre el menú, haciéndolo básicamente ilegible. ¿Hay alguna opción que deba agregar al iframe para que funcione o es simplemente imposible?
(Pruebas con IE9 en este momento)
Aquí hay una solución JS no pura, alternativa a JQuery:
var iFramesOnPage = document.getElementsByTagName("IFRAME");
for(var i = 0; i < iFramesOnPage.length; i++) {
var newiFrameURL = iFramesOnPage[i].getAttribute("src")+"?wmode=transparent";
iFramesOnPage[i].setAttribute("src", newiFrameURL);
};
Hay varios problemas con esta pregunta. En primer lugar, no hay ningún problema en IE para establecer un iframe por encima o por debajo de otro contenido en su documento utilizando el índice z. Un índice z más alto hace que su iframe esté por encima de otros elementos, (como es habitual), en la medida en que su iframe está posicionado: relativo, absoluto o fijo.
El verdadero problema surge cuando el contenido de su iframe es un objeto incrustado de flash. En este caso, el objeto flash solo se puede posicionar en z si su parámetro wmode está configurado como "transparente" u "opaco", pero no funcionará si el flash está incluido en el documento HTML utilizando wmode = "window".
Por lo tanto, si está incluyendo un recurso externo (en un sitio web al que no tiene acceso, como youtube), solo podrá lograrlo si se utiliza cualquiera de esos modos. Si está cargando un objeto flash en un iframe en el que puede modificar su contenido, simplemente verifique que:
<param name="wmode" value="transparent" />
Está establecido.
En caso de que youtube use el modo "ventana", siempre puede usar su propio reproductor flash y enganchar videos de youtube dinámicamente, configurando su modo de objeto flash en transparente.
Intente usar el método de incrustación iframe de Youtubes (si eso no es lo que ya está haciendo, y agregue:? Wmode = transparente a la url (reemplace? Con & si no es la primera variable de url)
Vi el problema similar, la palabra predeterminada del enlace de youtube debería estar incrustada ,
<iframe src="http://www.youtube.com/embed/video_id"></iframe>
pero no solo v-link (v-link ignora el índice z):
<iframe src="http://www.youtube.com/v/video_id" frameborder="0"></iframe>
Aquí hay un ejemplo para IE: http://jsfiddle.net/7fd8Y/21/