开始从事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)