Problemas de validacion

[DorianGray]

Código:

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

A la hora de validar me tira esto:

* Línea: 86 Contexto : #overlay

Error de análisis sintáctico - opacity=60)
* Línea: 87 Contexto : #overlay

Error de análisis sintáctico - -moz-opacity: 0.6;
* Línea: 92

Error de análisis sintáctico - : 0.6; } .clearfix:after


Querria saber como hago para hacerlo correctametne.

Desde ya gracias

[PaulinoHC]

Es css3 por eso no las valida, mira:

htt*p://ww*w.forosdelweb.com/showthread.php?t=373449

Otra forma de hacerlo.... pues... Sé que se puede hacer algo de opacidad con Javascript, pero hasta ahora solo lo he visto aplicado en imagenes, no sé si se pueda con texto.

Pregunta acá: ht*tp://w*ww.forosdelweb.com/forumdisplay.php?f=13

Salu2

[webosiris]

Iniciado por PaulinoHC

Es css3 por eso no las valida

no, lo que escribió DorianGray no es css3. Tanto como filter-alpha como -moz-opacity son propiedades PRIVATIVAS, para Trident (IE) y Gecko (Firefox) respectivamente, por lo tanto es lógico que no validen.

La propiedad CSS3 para lograr el mismo efecto es opacity, que hasta ahora es soportada solo por Firefox 1.5 y Opera 8.5. Esa propiedad no pasa el validador ya que el valiador solo valida hasta CSS 2, y esta es una propiedad de CSS 3, que todavía no se encuentra oficialmente aprobado (está en estado de borrador).