我不知道为什么,但是当我设置
background-clip: text
要剪辑渐变/图像/任何带有文本的内容(显示:内联),只有 Safari 无法正常工作。
我用这个问题重新创建了一支笔:https : //codepen.io/steexd/details/qBZVbWY
使用 Firefox 或 Chrome 然后使用 Safari 对其进行测试:您会注意到多行文本不会正确剪切背景渐变。
预期结果:
苹果浏览器:
任何帮助将非常感激 :)
当我设置
loop: true,
scrollbar: { el: '.swiper-scrollbar' },
centeredSlides:true
Run Code Online (Sandbox Code Playgroud)
作为 Swiper JS 的选项,滚动条远离左侧。
我期望的行为是滚动条在第一张幻灯片上完全位于左侧位置,在最后一张幻灯片上完全位于右侧位置。
loop: true,
scrollbar: { el: '.swiper-scrollbar' },
centeredSlides:true
Run Code Online (Sandbox Code Playgroud)
var swiper = new Swiper(".swiper-container", {
slidesPerView:5,
centeredSlides:true,
loop:true,
scrollbar: {
el: ".swiper-scrollbar",
}
});Run Code Online (Sandbox Code Playgroud)
难道我做错了什么?