Usando z-index (Layers)

Nesta lição aprenderemos como colocar elementos em layers (camadas). Resumindo, camadas significam como os elementos se sobrepõem uns aos outros.

Usando z-index (Layers)

Nesta lição aprenderemos como colocar elementos em layers (camadas). Resumindo, camadas significam como os elementos se sobrepõem uns aos outros.

Para fazer isto definimos para cada elemento um número índice (z-index). O comportamento é que elementos com número índice maior se sobrepõem àqueles com menor número.

Vamos supor um royal flush no jogo de poker. As cartas podem ser apresentadas como se cada uma delas tivesse um z-index:

No caso mostrado, os números índice estão em uma seqüência direta (de 1-5), contudo o mesmo resultado poderia ser obtido com uso de 5 diferentes números, não em seqüência. O que conta é a cronologia dos números (a ordem).

O código para a ilustração das cartas é mostrado a seguir:

#ten_of_diamonds {
position: absolute;
left: 100px;
bottom: 100px;
z-index: 1;
}

#jack_of_diamonds {
position: absolute;
left: 115px;
bottom: 115px;
z-index: 2;
}

#queen_of_diamonds {
position: absolute;
left: 130px;
bottom: 130px;
z-index: 3;
}

#king_of_diamonds {
position: absolute;
left: 145px;
bottom: 145px;
z-index: 4;
}

#ace_of_diamonds {
position: absolute;
left: 160px;
bottom: 160px;
z-index: 5;
}



Fonte: http://pt-br.html.net/

Review Notebook ASUS Zenbook 14 UX435: Duas telas, bateria top e muito bonito

O Zenbook 14 versão UX435E, acabou de ser lançado e, sim, a ASUS já nos enviou. Testei ele pelas últimas semanas trabalhando diretamente, minha vontade de mostrar essa segunda tela era tanta, mas não podia. Olha só que animal, o touchpad vira uma tela secundária, totalmente personalizável e útil. Vem ver o que o Zenbook 14 de 2021 tem para te oferecer, o que ele traz de novidades e claro, se vale a pena pagar o preço.

Conteúdo relacionado

Instalei a GCAM no Poco M3 E FICOU INCRÍVEL
Smartphones

Instalei a GCAM no Poco M3 E FICOU INCRÍVEL

Mais um smartphone que passa aqui pela redação do Oficina da Net e que instalamos a Gcam para ver se o resultado das fotos ficam maximizados com a ajuda do app do Google. Será que funcionou?

O que é Criptografia?
Segurança digital

O que é Criptografia?

Leia sobre criptografia. Trata-se de um conjunto de regras que visa codificar a informação de forma que só o emissor e o receptor consiga decifrá-la. Uma explicação sobre o que é criptografia. O termo Criptografia surgiu da fusão das palavras gregas Kryptós e gráphein.

Configurando o Samba no Ubuntu
Softwares

Configurando o Samba no Ubuntu

Aprenda como baixar, instalar e configurar o servidor SaMBa no Linux Ubuntu. O SaMBa é o sistema responsavel pela comunicação entre máquinas Unix (Linux) e Windows, usando protocolo TCP/IP.

Como criar fontes TTF utilizando o CorelDraw - Parte 01
Softwares

Como criar fontes TTF utilizando o CorelDraw - Parte 01

Aprenderemos a criar nossas próprias fontes True Type Font (TTF), conhecidas como “fontes verdadeiras”, faremos isso no CorelDraw, pois nos permite utilizar imagens variadas, como gravuras de livros e desenhos que podem ser scaneados ou vetores do próprio Corel.

Intranet - Conceito e Objetivos
Negócios

Intranet - Conceito e Objetivos

Este artigo irá fazer uma breve descrição do que é uma intranet e seus principais objetivos.