最新回答 / 慕俠2155777
i_back？? 這是按鈕<...code...>吧，你說的情況應該是圖片的背面back問題。可以在判斷點擊是是否是包含photo_center類的標簽，如果是包含，那肯定是點擊中間圖片，正常正反面切換。如果不包含，你可以寫個循環，把所有的photo中的photo-back類變成photo-front之后再去執行圖片的重新排序<...code...>
2018-01-31
console運行g('#wrap')時報錯， Uncaught TypeError: document[method] is not a function
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1
.photo-wrap{
transform-style: preserve-3d; /*FF支持,ie全不支持，作用使被轉換的子元素保留其3D轉換*/
-webkit-transform-style:preserve-3d;
}在這里保留了3D轉換
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
這樣就可以直接實現隱藏back的效果了，不需要用到backface呀
transform-style: preserve-3d; /*FF支持,ie全不支持，作用使被轉換的子元素保留其3D轉換*/
-webkit-transform-style:preserve-3d;
}在這里保留了3D轉換
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
這樣就可以直接實現隱藏back的效果了，不需要用到backface呀
2017-12-12
已采納回答 / DGua
剛才又試了一下其他瀏覽器，發現如果用IE瀏覽器的話，效果和老師視頻里的效果是一樣的。side-back會以翻轉了180度的姿態覆蓋在side-front上。但是在chrome下就是我們遇到問題的樣子。背后的機制是什么我講不出來，但是可以肯定你我的代碼沒問題，是瀏覽器內核渲染時候的差別問題。
2017-12-12
已采納回答 / darkwing_
這樣鼠標就不會在屏幕上劃詞了因為是畫廊，所以一定會大量點擊，點擊次數多了很容易劃住某些字，為了防止這種情況發生添加了onselectstart="return false"
2017-12-11
