addPhoto()調(diào)用后，.wrap的perspective屬性就沒(méi)效果了？
.wrap{
????perspective:?800px;
????-webkit-perspective:?800px;
????-moz-perspective:?800px;
}
.photo-wrap{
????position:?absolute;
????width:?100%;
????height:?100%;
????transform-style:?preserve-3d;
????-webkit-transform-style:?preserve-3d;
????/*-moz-transform-style:?preserve-3d;*/
????transition:all?.6s?ease-out;
}function?addPhotos()?{
???var?template=get('#wrap').innerHTML;
???var?html=[];
???for(var?i?in?data){
???????var?_html=template
???????????.replace('{{index}}',i)
???????????.replace('{{caption}}',data[i].caption)
???????????.replace('{{img}}',data[i].img)
???????????.replace('{{desc}}',data[i].desc)
???????html.push(_html)
???}
???get('#wrap').innerHTML=html.join('');
}
addPhotos();此函數(shù)調(diào)用后，卡片翻轉(zhuǎn)就沒(méi)有3d效果了，只是平面壓縮效果，這是為啥？
2017-05-17
我是按照老師視頻中的步驟一步一步來(lái)的，并沒(méi)有你這樣的問(wèn)題，你可以試試像老師那樣，在瀏覽器中用控制臺(tái)查看該部分標(biāo)簽有哪些樣式來(lái)改改，說(shuō)真的你這只有這么些代碼，有的命名方式還和老師的不一樣，沒(méi)碰到過(guò)這種問(wèn)題的只看這么些代碼是看不出問(wèn)題的，至少你給的這兩塊代碼是沒(méi)問(wèn)題的。