Como tornar a cor de fundo do mergulho transparente no CSS

I'não estou usando CSS3. Então eu posso'não utilizar atributos de opacidade ou filtro. Sem utilizar estes atributos, como posso tornar o background-color transparente de um div? Deve ser o exemplo da caixa de texto neste link. Aqui a cor de fundo da caixa de texto é transparente. Eu quero fazer o mesmo, mas sem utilizar os atributos acima mencionados.

Derek 朕會功夫
Pergunta editada :em
Programação
html css background-color transparent
4º agosto 2012 в 8:57
9 vistas

O problema com a opacidade é que ela também vai afetar o conteúdo, quando muitas vezes você não quer que isso aconteça.

Se você só quer que seu elemento seja transparente, é's realmente tão fácil quanto :

background-color: transparent;

Mas se você quiser que seja em cores, você pode usar:

background-color: rgba(255, 0, 0, 0.4);

Ou definir uma imagem de fundo (1px por 1px) salva com o alpha direito.
(Para fazer isso, utilize Gimp, Paint.Net ou qualquer outro software de imagem que lhe permita fazer isso.
Basta criar uma nova imagem, apagar o fundo e colocar uma cor semi-transparente, depois guardar em png).

Como dito por René, a melhor coisa a fazer seria misturar ambos, com a imagem rgba primeiro e a 1px por 1px como um fallback se o navegador não't suportar alfa :

background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);

**Veja também*** : http://www.w3schools.com/cssref/css_colors_legal.asp.

Demo : [My JSFiddle](http://jsfiddle.net/APSnL/68/)

Jerska
Resposta editada :em
Comentários (2)
Solução

A opacidade dá-lhe translucidez ou transparência. Veja um exemplo [Fiddle aqui][1].

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */

Nota: estas NÃO são propriedades CSS3

Ver http://css-tricks.com/snippets/css/cross-browser-opacity/.

Adrien Be
Resposta editada :em
Comentários (12)

transparente é o padrão para **cor de fundo***

http://www.w3schools.com/cssref/pr_background-color.asp

Comentários (2)