Jump to content

Archived

This topic is now archived and is closed to further replies.

Edeg

[Resolvido] Div cor fundo transparente

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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??

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.