Estoy trabajando en un sitio bastante grande y tengo problemas para administrar los índices z. ¿Hay un complemento de Firefox que vaya a una página y me dé una lista ordenada de cada elemento con un índice Z declarado? Eso ahorraría una tonelada de veces para los casos en los que un índice Z era incorrecto o difícil de encontrar.Complemento de Firefox para examinar los índices z
Usted encontrará aquí
https://addons.mozilla.org/en-US/firefox/addon/60
Cuando se ha instalado la extensión Web Developer, elegir su menú
Information > Display Topographic information
¿Cómo examino una lista de elementos con índices z usando Web Developer? – hekevintran
Generalmente hay una barra de herramientas de desarrollador web, haga clic en Información, luego muestre información de Elemento, aparecerá un pequeño recuadro rojo alrededor del elemento que está moviendo, haga clic en él y aparecerá un pequeño recuadro amarillo en la esquina superior izquierda con todo el atributo ese elemento lleva. Método abreviado de teclado Ctrl + Shift + F. – Kyle
También, en la misma información dorpdown, haga clic en "Mostrar niveles de pila". – Kyle
Yo sugeriría que utilice FireBug http://getfirebug.com/ Puede examinará dominio completo incluyendo índices z.
Use un poco de javascript para ayudarle a encontrar todos los elementos con índices de z: 1. carga jQuery 2. inserto este javascript:
<script type="text/javascript">
//replacethis by the elemets that could have a z index ('div, span, etc..')
$('replacethis').each(function(){
if ($(this).css('z-index')) {
var zindex = $(this).css('z-index')
if (window.console) {
console.log($(this), zindex)
}else{
$(this).css('border', '1px solid red').prepend('<strong>' + zindex +'</strong>')
}
};
});
</script>
si su la consola de Firebug no está cargado Dará una borde rojo a todos los elementos con un índice Z y perpendice el valor del índice Z en el cuadro.
Utilizo FireBug, pero no tiene una vista que muestra solo los elementos que han declarado z- índices ¿verdad? – hekevintran
eso está bien, sí, pero al hacer clic en el elemento puede ver si hay un índice Z o no. Use firebug y use un pequeño javascript que lo ayude a encontrar todos los elementos con índices z: 1. load jquery 2.inserte este javascript: asegúrese de que su consola de Firebug es en – meo
Pregunta muy antigua en este punto, pero en caso de que alguien más proceda de esta manera, todavía hay (eh, 'todavía' ... no estoy seguro si existía cuando la pregunta se publicó originalmente o no) un complemento para Firefox -llamado 'Tilt 3D' que ofrece una vista 3D de una página web y es excelente para diagnosticar problemas de índice z.
https://addons.mozilla.org/en-US/firefox/addon/tilt/
Firefox incluso tenía la misma característica incrustado en algún tipo de formulario de vista previa para algunas versiones, pero más tarde se lo quitó. El complemento anterior no se ha actualizado desde 2011, pero todavía funciona por el momento. Advertencia de salud,: el soporte multiproceso en Firefox está cobrando vida progresivamente con las sucesivas versiones de Firefox, y este complemento no funciona con el soporte multiproceso (también llamado electrólisis o simplemente 'e10s') habilitado. Más información aquí:
yo encontramos este útil: http://www.erichynds.com/jquery/visualizing-your-z-index-stacks-with-jquery/ – camcam