在 element 页面滚动时,顶部 menu 栏遮住字体时会变成像素点
2024-10-12 11:36:58
50次阅读
0个评论
https://element-plus.org/zh-CN/guide/namespace.html#%E8%AE%BE%E7%BD%AE-elconfigprovider
元素 header > .navbar-wrapper 有相关的样式:
.navbar-wrapper {
position: relative;
border-bottom: 1px solid var(--border-color);
height: var(--header-height);
padding: 0 12px 0 24px;
background-image: radial-gradient(transparent 1px,var(--bg-color) 1px);
background-size: 4px 4px;
backdrop-filter: saturate(50%) blur(4px);
-webkit-backdrop-filter: saturate(50%) blur(4px);
top: 0
}
最主要的有三个:
1. background-image 的 径向渐变
2. background-size 限制单元的大小
3. backdrop-filter 的毛玻璃
background-image:radial-gradient(transparent 1px, var(--bg-color) 1px) 这样式使得在背景上形成许多透明色( 穿透到覆盖的 dom 的颜色)和背景色交替的点
00
- 0回答
- 1粉丝
- 0关注
相关话题
- Nginx支持字体文件
- seaweedfs在windows上使用
- element UI中el-row垂直居中
- session过期登录页面跳出iframe框架
- seaweedfs在windows上部署参考
- SeaweedFS在linux上配置使用
- Spring WebSocket在 Config 中访问 Cookie
- Chrome下多屏、长页面或者元素截图
- 将footer固定在页面底部的实现方法
- vue中keep-alive,include指定页面使用缓存
- Spring Boot启动时执行指定方法
- vue使用provide/inject方式解决刷新当前页面问题
- Nginx负载均衡时获取用户真实IP
- element-ui upload组件 on-change事件 传自定义参数
- kindeditor编辑框插入程序代码时突出显示