為什么把最后一行注釋掉？而且注釋還用錯(cuò)了，css 不是雙斜杠注釋啊

應(yīng)該說(shuō)明 iOS 版本而不是說(shuō)蘋果7（iPhone 7，，不說(shuō)蘋果7吧 （強(qiáng)迫癥害死人） ）。。

無(wú)論如何，都要記得寫不帶前綴的標(biāo)準(zhǔn)寫法。

干嘛把transition注釋掉。移動(dòng)端的瀏覽器一般只需要-webkit-開(kāi)頭的私有屬性和不帶私有的屬性即可：

.footImga{
    -webkit-transition: opacity 1s, top 1s;
    transition: opacity 1s, top 1s;
}

并不是因?yàn)槭Я耍悄闶褂玫姆绞接袉?wèn)題，你的過(guò)度動(dòng)畫(huà)寫在了addclass類里了，這樣默認(rèn)情況下是沒(méi)有過(guò)度效果的，當(dāng)你添加class footImga后，效果才添加進(jìn)入，此時(shí)的opacity,top如果在注冊(cè)動(dòng)畫(huà)效果前執(zhí)行了，你就看不到效果了，這個(gè)會(huì)根據(jù)瀏覽器的渲染引擎不同而效果不同，所以建議你使用一下寫法：

.footImg{
    top: -5rem;
    opacity: 0;
    transition: opacity 1s, top 1s;
}
.footImga{
    top: 0.3rem;
    opacity: 1;
}