Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Denis Akao

Opacidade no ie

Recommended Posts

Ae galera,

estou tentando fazer um efeito aqui de opacidade no meu site... no FF funciona certinho. mas no grandeozo IE não.

 

Aqui está o codigo

opacidadefinal=0.75passoopacidade=0.25opacidade=opacidadefinalfunction gradual(){  if(opacidade<opacidadefinal){	opacidade+=passoopacidade	$("bloqueio").style.opacity=opacidade	$("bloqueio").style.filter = 'alpha(opacity='+ opacidade*100 +')'  }}setInterval("gradual()",100)

Alguma sugestão?

Valeu galera!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara creio que o problema esta nessa linha

 

$("bloqueio").style.opacity=opacidade

Pois o valor de opacidade nao esta em "";

opacidadefinal=0.75

tenta colocar assim

opacidadefinal='0.75';

ve se resolve...abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Denis Akao, filter para opacidade só funciona para elementos com posicionamento absoluto.

aprveita e inclui isto aqui:

$("bloqueio").style.zoom = 1;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então eu tentei colocar com as '' mesmo assim não funciono.... nem com zoom = 1

:(

 

e também assim, o

 

$("bloqueio").style.opacity=opacidade

 

funciona direitinho no FF meu grande problema está no IE6

 

o CSS do #bloqueio é absolute olha só

#bloqueio{  width:40000px;  height:40000px;  right:0;  bottom:0;  position:absolute;  background:#999;  display:none;  z-index:2;}body.mostra #bloqueio{  display:block;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Denis, desculpa sou terrível com CSS, lembro que no livro JavaScript a Biblia é dito algo a respeito sobre uma alteração na forma como os filtros são acessados, porém não achei nenhuma referencia na web, de qualquer forma, escreva isto:

 

if( (a = $("bloqueio").filters) )a.filters.item("DXImageTransform.Microsoft.Alpha").Opacity = opacidade*100;

Referencia:

http://msdn2.microsoft.com/en-us/library/ms532910.aspx

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.