opacity transition 过渡无法实现

Question

.main .content .foot .works .item img{    width:102px;    height:102px;    border-radius:50%;    opacity:0;     filter:alpha(opacity=0);     transition:all 0.5s linear;     -webkit-transition:all 0.5s linear;     -ms-transition:all 0.5s linear;     -moz-transition:all 0.5s linear;     -o-transition:all 0.5s linear; }var img=works.getElementsByTagName("img");for(var i=0;i<img.length;i++){     img[i].style.cssText="opacity:1;filter:alpha(opacity=100);"; }为什么没有办法实现图片的透明度过渡，而是直接显示了出来。

Answer 1

你这个并没有一个事件触发，页面渲染程序读到那时已经将代码执行了，opacity已经为1了，当然看不到过渡效果了