2015-08-27 87 views
2

這就像JavaScript不尊重的CSS樣式定義,只有尊重由JavaScript本身在CSS中所做的更改:控制檯不工作和功能開始工作到很晚

<body onload="fader()"> 

    <img id="ssio" src="../images/slideshow/1.jpg" alt="slideshow" style="width:100%;height:80%;" /> 
    <img id="ssie" src="../images/slideshow/2.jpg" alt="slideshow" style="width:100%;height:80%;" /> 

<!--css work--> 

<style> 

img#ssio{ 
    transition:opacity 1s; 
    position:absolute; 
    opacity:1; 
    margin:0; 
    padding:0; 
} 
img#ssie{ 
    transition:opacity 1s; 
    opacity:0; 
    margin:0; 
    padding:0; 
} 

</style> 

<!--js work--> 

<script> 

function fader() { 
    console.log(document.getElementById("ssio").style.opacity, document.getElementById("ssie").style.opacity, ",", ssion, ssien) 
    document.getElementById("ssio").style.opacity = document.getElementById("ssie").style.opacity; 
    document.getElementById("ssie").style.opacity = 1 - document.getElementById("ssio").style.opacity; 
    setTimeout(fader, 4000); 
} 

</script> 
</body> 

爲什麼它不爲工作預期? 爲什麼控制檯和js將css中定義的不透明度視爲null? 我該如何解決它?

+1

你身上?