在项目开发过程中,滚动页面后,发现图表的tooltip遮挡住上面元素,于是设置顶部元素的z-index=99999发现没有用。
在这里插入图片描述

在浏览器中选中tooltip后可以发现,tooltipz-index=9999999; 即7个9。所以如果设置被遮挡的元素的z-index=8个9自然可以解决这个问题
在这里插入图片描述
但是,这样究竟不够优雅。
查看官方文档发现,tooltip有一个extraCssText属性。所以可以设置该属性来修改它的样式:
在这里插入图片描述
在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐