小编Ste*_*ano的帖子

Safari 和背景剪辑:文本在多行显示中无法正常工作:内联文本元素

我不知道为什么,但是当我设置

background-clip: text

要剪辑渐变/图像/任何带有文本的内容(显示:内联),只有 Safari 无法正常工作。

我用这个问题重新创建了一支笔:https : //codepen.io/steexd/details/qBZVbWY

使用 Firefox 或 Chrome 然后使用 Safari 对其进行测试:您会注意到多行文本不会正确剪切背景渐变。

预期结果:

火狐

苹果浏览器:

苹果浏览器

任何帮助将非常感激 :)

html css safari

7
推荐指数
1
解决办法
368
查看次数

Swiper JS 滚动条的奇怪行为

当我设置

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)

难道我做错了什么?

javascript swiper.js

3
推荐指数
1
解决办法
9285
查看次数

标签 统计

css ×1

html ×1

javascript ×1

safari ×1

swiper.js ×1