Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Edeg

[Resolvido] Div cor fundo transparente

Por , em Desenvolvimento frontend

Recommended Posts

Edeg    0

Edeg
Postado

ola galera

 

como faco este efeito que esta na imagem?

 

gostaria de deixar a cor de fundo da div "meio" transparente.

 

"tipo" deixar a transparencia cerca de 30% como fazemos no

photoshop e fireworks

 

Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vini_Aviva    13

Vini_Aviva
Postado

Foi usada opacidade nessa imagem

 

<html>
<head>
<title>DIV - Transparente</title>
<style type="text/css">
#div {
	position:absolute;
	left:268px;
	top:116px;
	width:11px;
	height:12px;
	z-index:1;
	opacity:.6;
	background-color: #FFFFFF;
}
</style>
</head>

<body>
<div id="div">*</div>
<img src="br.jpg" />
</body>
</html>

opacity:.6; <!-- .6 nivel de Transparencia -->
	background-color: #FFFFFF; <!-- Obrigatoriamente ela tem que ter alguma cor -->
Imagem Postada

 

Salve a foto para ver o resultado e pode alterar a vontade =D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Edeg    0

Edeg
Postado

We dropped the -moz- prefix for -moz-border-radius & -moz-box-shadow .

 

Ok, sem moz-border-radius e -mox-box-shadow, só.

 

 

nao entendi como vai ficar entao?

e outra no IE nao funciona o que faço??

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

eu pessoalmente, prefiro usar um .png com opacidade e aplica-lo como background dessa div sobreposta ai.

 

é mais crossbrowser, mais simples e gera menos problemas.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito