我在客户网站上使用了Swiper Slider(http://idangero.us/swiper)。顺便说一下,我喜欢这个滑块。但是当使用3d立方体效果时,它会在Safari(Mac)中出现两种奇怪的行为:
1)我无法在滑块上正确点击动作链接,因为可点击的区域比ac更窄。
2)右侧导航消失,仅在中间幻灯片上消失。
以下是工作示例:(请使用safari查看)http://ep-communication.de
更新我通过试验和错误修复了此修复的导航问题:
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
-moz-transform: translate3d(0px, -50%, 1px);
-webkit-transform: translate3d(0px, -50%, 1px);
transform: translate3d(0px, -50%, 1px);
}
但Safari上的Click行为仍然存在:我为此设置了一个小提琴: https://jsfiddle.net/m9q48aks/
在Safari上:如果您尝试单击“测试”链接,您会看到活动的点击区域已移动。 在Chrome / Firefox上:一切都很好