element-ui select选择器 显示层级z-index的大小

636 阅读1分钟

本文已参与「新人创作礼」活动, 一起开启掘金创作之路。 ​

 在用vue2写一个添加商品的页面,其中用到了select下拉框和wangeditor编辑器,但是select下拉框被编辑器盖住了

​编辑

经过查看,是因为编辑器的z-index层级太高

​编辑

解决办法是给“el-select”的z-index 层级加高

 ​编辑

是我用:popper-append-to-body="false",将下拉框载在到里面的

​编辑

还有一个办法就是:定义优先级

	.w-e-toolbar{
	  z-index: 2 !important;
	}
	.w-e-text-container{
	  z-index: 1 !important;
	}

\