火狐
// 火狐浏览器横向滚动条问题
@-moz-document url-prefix() {
&__popover {
overflow-x: hidden;
padding-right: 18px;
}
}
// 其他浏览器不支持 backdrop-filter
@supports not (backdrop-filter:blur(15px)) {
.@{prefix-cls}__clear-flex{
background: linear-gradient(to right,#2c36e1,#1f51d1)
}
.@{prefix-cls}__clear-flex.bglight{
background: #fff
}
}
// 火狐浏览器不支持 backdrop-filter (能设置 blur(15px) 成功,但效果不生效,@supports无法正确查询)
@media screen and (min--moz-device-pixel-ratio:0) {
.@{prefix-cls}__clear-flex{
background: linear-gradient(to right,#2c36e1,#1f51d1)
}
.@{prefix-cls}__clear-flex.bglight{
background: #fff
}
}