小编Yur*_*sou的帖子

CSS `Filter:blur()` 在 Safari 上无法正常工作

开始从事filter: blur()一个项目,发现它在 Safari 上运行得不太好。

blur其他浏览器上的向外扩展不同,在 Safari 上,它似乎overflow被设置为hidden,但事实并非如此。有时它可以工作,有时却完全崩溃。我还注意到,当过滤器发生转换时,该错误会变得更加“激进”。无论如何,这是与工作(在 Chrome 上)和不工作(在 Safari 上)的比较。另外,这里有一个代码笔,其中包含此错误的副本(尽管它仅在 Safari 上可见)。

一如既往,提前感谢您的帮助。如果您想预览代码而不使用代码笔,这里是:

代码:

body {
  height: 100vh;
  background: #272727;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-family: Gill Sans;
}

.content-div {
  width: 30rem;
  height: 30rem;
  background: white;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}

.title {
  font-size: 1.4rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
}

.filter {
  font-size: …
Run Code Online (Sandbox Code Playgroud)

html css

8
推荐指数
4
解决办法
2万
查看次数

标签 统计

css ×1

html ×1