Probleme mit opacity und JS Schleife im IE

[BananaJo]

Hallo,

ich baue grad ein DIV das die Deckkraft per JS ändert.. leider funkzt das im IE nicht wirklich so wie im FF..

<script type="text/javascript">
    var divOpacity = 0.0;
    
    var i = 0;
    var aktiv = null;
        
    function moreOpacity()
    {                
        if(i<=10)
        {
             divOpacity += 0.1;
              i++;              
              //alert(i+" "+divOpacity );          
            document.getElementById("div_newPost").style.opacity = divOpacity;        
        }
        else
        {            
            i = 0;
            divOpacity = 0.0;                
            aktiv = window.clearInterval(aktiv);                            
        }    
    }
    
    function opacity()
    {
        aktiv = setInterval("moreOpacity()", 30);
    }
</script>


<div id="div_newPost" style="border:1px solid red; opacity: 0.0;">
    Hier ist der inhalt
    <br />
    lalalalal
    <br />lalalal
</div>

<button onClick="javascript:opacity()" value="test">test</button> 

der inhalt im div verschwindet im IE, sobald die deckkraft auf 100% ist.. wie kann das sein?[/QUOTE]

[eagle275]

hm .. dann ändere die nur auf 0.99 ? ...

ansonsten weißt du aber schon, das opacity einer der Custom-Werte ist, die von jedem Browser anders gehandhabt werden...

bei mir sieht das so aus :

    style1 {
        position:absolute;
        top:0;
        right:0;
        padding: 0;
        opacity:0;
        -moz-opacity:0;
        filter:alpha(opacity:0);
        width:298px;
    }

[BananaJo]

muss ich dann bei

document.getElementById("div_newPost").style.opacity = divOpacity; 

das einfach 3x untereinander verschieden angeben, damit das in jedem browser geht oder wie?

also z.b.

document.getElementById("div_newPost").style.opacity = divOpacity; 
document.getElementById("div_newPost").style.-moz-opacity = divOpacity; 
document.getElementById("div_newPost").style.filter = alpha(opacity:divOpacity); 

soo??

[Wyveres]

vielleicht solltest du davon Abstand nehmen und für so was auf ein bereits Existierendes Framework zurückgreifen z.b.
.fadeIn() – jQuery API