Fondo transparente de páginas web en Firefox

soundgarden · #1 (**permalink**) 13/07/2015, 18:47

Hola

¿Sabría alguien cómo hacer transparentes los fondos de las páginas web en Mozilla Firefox, sea por medio de CSS o de alguna extensión?

Salud(os)!

DesgraciadoGabo · #2 (**permalink**) 14/07/2015, 22:46

Y con opacity no funciona?

http://www.w3schools.com/css/css_image_transparency.asp

Rafael · #3 (**permalink**) 15/07/2015, 01:46

El opacity te hace transparente toooodo el bloque. Para hacer transparente el fondo específicamente hay que ponerle:

1) En caso de color plano notación rgba. {background-color: rgba(0, 0, 0, 0.3);}

2) En caso de imagen asignar la transparencia directo al png.

Podría funcionar con opacity pero habría que sobreponer otro cuadro arriba con posición relativa digamos.

diegoguerrero · #4 (**permalink**) 15/07/2015, 10:42

La gama de colores RGBA es el RGB de siempre y en el A establecemos la opacidad, entre 0 y 1.

soundgarden · #5 (**permalink**) 15/07/2015, 21:57

Gracias por responder.

He intentado con {background-color: rgba(0, 0, 0, 0.3);} pero no ha funcionado.

Después he añadido un asterisco al principio de la línea de arriba por lo que he visto aquí tangencialmente: http://forums.mozillazine.org/viewtopic.php?t=244616 y el fondo ha cambiado a negro. Lo he debido escribir en usercontent.css porque si lo hacía en userchrome.css, lo que cambiaba era el fondo de las barras. Lo he intentado con varios valores entre 0 y 1 , además.

He aquí una captura con los valores "0, 0, 0, 1" para que os hagáis una idea:

http://www.subirimagenes.net/i/150716054715841854.jpg

Alguna nueva información, sugerencia, corrección, explicación... es bienvenida.

Salutaciones

Rafael · #6 (**permalink**) 16/07/2015, 11:22

Por supuesto que funciona: Te pongo un ejemplo.

http://jsfiddle.net/gmcnqatp/

soundgarden · #7 (**permalink**) 16/07/2015, 13:29

Hola

¿Pero esto es válido para las páginas web que uno visita, que es para lo que lo quiero, o sólo para las que uno crea?

¿Dónde pongo el código CSS del ejemplo, en userChrome.css o userContent.css? ¿Y es necesario el del HTML?

Gracias.

PHPeros · #8 (**permalink**) 16/07/2015, 13:40

Mejor que uses un addon para aplicar el CSS tipo stylish.

soundgarden · #9 (**permalink**) 21/07/2015, 18:50

Hola. Gracias por la sugerencia. Voy a ver que hago con ello.