最新回答 / 慕侠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