nbo*_*len 6 html css safari jquery swiper.js
我在客户网站上使用了 Swiper Slider ( http://idangero.us/swiper )。顺便说一句,我喜欢这个滑块。但是当使用 3d 立方体效果时,Safari (Mac) 中会出现 2 个奇怪的行为:
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);
}
Run Code Online (Sandbox Code Playgroud)
但 Safari 上的点击行为仍然存在:我为此设置了一个小提琴: https: //jsfiddle.net/m9q48aks/
在 Safari 上:如果您尝试单击链接“测试”,您会发现活动单击区域已移动。在 Chrome / Firefox 上:一切都很好