Fórum OpenCart Brasil

[darkila]

Oi galera, eu imagino que este procedimento seja simples, mas tenho pouco conhecimento em css.
Se alguém der uma olhada aqui http://www.darkila.com/boutique/ vai ver que as box estão transparente, o problema de fato é que tudo esta transparente inclusive os links incluídos nas box's, as imagens, etc. Eu quero só o fundo transparente.
Vou colocar aqui o que coloquei no css ok:

Código: Selecionar todos

.box .middle {
	border-left: 1px solid #c5dad6;
	border-right: 1px solid #c5dad6;
	background: #c5dad6;
	opacity: 0.65;
09.
-moz-opacity: 0.65; /* Browsers baseados no motor Gecko */
10.
filter:alpha(opacity=65); /* Para IE6 e 7 */
	padding: 10px;

isto funcionou para todos os navegadores (ou os mais relevantes) porém tudo esta transparente, quero que só o fundo azul fique transparente, alguém me entendeu.??
Obrigada

[rochester]

O que você está procurando na verdade é um background com transparencia. Quando voce aplica os filtros de opacidade eles se propagam pra todos os filhos do elemento..

Acabei de publicar um artigo com o efeito que você quer, funcionando em varios browsers: http://www.1stwebdesigner.com/css/17-css-html-effects/

Facilitando sua vida, é só escrever:

Código: Selecionar todos

.box .middle {
	  background-color: transparent;
	  background-color: rgba(197, 218, 214,0.65); /* equivalente do c5dad6 em rgb)
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65c5dad6,endColorstr=#65c5dad6);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#65c5dad6,endColorstr=#65c5dad6)";
}

[darkila]

oiee, obrigada pela resposta
eu sabia que tava fazendo toda a box transparente, mas só no fundo eu não sabia como fazer.
ajudou muitoooooooooo
obrigadinha!! XD