Oscurecer pagina con jquery

[Gothgauss]

Hola

¿COmo puedo oscurecer la página con jquery? Es que he probado animate({opacity:0.2}); pero me da el efecto contrario, la aclara.

También he probado a meter una capa que contenga a toda la página, pero el problema está en que las imágenes no se ven afectadas.

Gracias de antemano.

[Gothgauss]

Lo he solucionado.

El tema estaba en que no quería usar ningun script para no relentizar más la web a la hora de cargar, así que he hecho lo siguiente:

Código:

	$("#costa").click(function(){
			$('body').prepend("<div id='cont'>");
			$('body').append("</div>");
			$("#escondida").css('display', 'block');
			$("#cont").animate({
			opacity:0.9
			});
			$("#escondida").animate({
			opacity:1
			});
			$('#escondida').css({
				position:'absolute',
				left: ($('body').width() - 448)/2,
				top: ($('body').height() - 303)/2
				});
			});
			
		});

Si pincho en el elemento "costa", mediante append y prepend, añado las etiquetas en el body para crear la capa "cont", que contiene a toda la web, y tiene de fondo un png de 1px negro con opacidad 0.9.

[Gothgauss]

Bueno veo que el código tiene el siguiente fallo. Cuando intento cerrar la ventana que he abierto, no se vuelve a poner con las "luces encendidas". Eso se debe a que no he eliminado al capa id="cont".

Estoy mirando a ver si averiguo como puedo quitarla. Si lo consigo os aviso