Validação das propriedade opacity

[ecotuba 0]

Buenas Senhores

 

Tenho usado a propriedade opacity em imagens com uma certa frequencia, especialmente em ações de hover.

 

.photos a:hover{

opacity: 0.5;

-moz-opacity: 0.5; /* Browsers baseados no motor Gecko */

filter:alpha(opacity=50); /* Para IE6 e 7 */

}

Assim tenho um efeito bacana sem ter que usar uma outra imagem, mas o problema é que essa propriedade eu não consigo validar de jeito nenhum.

Vejam o caso:

http://jigsaw.w3.org/css-validator/validat...tagua.com.br%2F

 

Como devo proceder para validar a propriedade opacity corretamente ?

Desde já grato a todos que puderem me dar um luza

[Carlos Designer 0]

você pode usar javascript para aplicar essa regras, por exemplo essa fução que criei aplicar css em qualquer elemento que você especifique o id.

function css(id, properties)
{
el = document.getElementById(id);
for(var key in properties)
{
if(key == 'opacity')
{
el.style.filter = 'alpha(opacity='+ (properties[key]*100)+')'
}
el.style[key] = properties[key]; 
}
}

Por exemplo:

 

css('container', {color:'#666', background:'#000'});

 

ou aplicar opacity em qualquer navegador:

 

css('id_elemento', {opacity:0.5});

[Édipo Costa Rebouças 0]

http://forum.wmonline.com.br/index.php?sho...2&hl=jquery

[ecotuba 0]

Olá Edipo

Tenho tentado o que sugeriu, mas nao estou obtendo o resultado.

Onde posso estar errando?

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(function(opacity) {
	this.css({
			  'opacity': opacity, //declaração web standards
			  '-khtml-opacity': opacity, // browsers baseados na engine Webkit/ KDE project
			  '-moz-opacity': opacity, // declaração para versões antigas do mozilla/firefox
			  'filter': 'alpha(opacity='+opacity*100+')' // Internet Explorer < 8( super standards )
			});			 
		   
	$("a").opacity(0.45); 
	});  </script>