Buenas!
He hecho un script en el que al pasar el ratón por un elemento lo recuadra añadiendo un borde y cuando sale se lo quita.
Mi problema viene en que cuando recuadra los elementos descoloca a los demás desplazándolos y es muy molesto.
Este es mi código:
Código Javascript
:
Ver original$("body :nth-child(n)").bind('mouseover', function(e){
e.stopPropagation();
($(this).not("#dialog :nth-child(n),.ui-dialog :nth-child(n),#opener :nth-child(n)")).css({border: "2px solid #6DA6D1"})
}).mouseout(function(){
$(this).css("border", "none");
});
He probado con z-index pero como yo lo he hecho no ha funcionado, pero creo que es porque no he sabido como poner el borde en otra profundidad distinta al de los elementos y así evitar que se muevan.
Si alguien sabe como poner un borde a otra profundidad o alguna manera alternativa para hacerlo estaría muy agradecido.
Gracias a todos!!