Foros del Web - Ver Mensaje Individual - z-index css jquery

Pablo Ayala · #2 (**permalink**) 17/07/2012, 14:34

Hola... espero te sirva mi ejemplo

Saludos

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
<style>
    #hola{
        float:left;
        background: #000;
        width: 600px;
        height: 600px;
        position:relative;      
    }
    
    #adios{
        float: left;
        background: red;
        width: 600px;
        height: 600px;
        margin: 100px 0 0 -300px;
        position: relative; 
                
    }
</style>
</head>
 
<body>
 
<div id="hola" ></div>
<div id="adios" ></div> 
    
<script>    
        $("#adios").click(function(){
            $(this).css("z-index", -1);
        });
        
        $("#hola").click(function(){
            $("#adios").css("z-index", 0);
            
        });     
    </script>
</body>
</html>