遇到问题：Vue中el-popover弹窗组件设置背景图片，总有一个组件的透明背景无法修改

遇到问题：Vue中el-popover弹窗组件设置背景图片，总有一个组件的透明背景无法修改。最后只能修改UI样式。

Vue的el-popover组件，想要给弹窗加一个背景，结果总是有组件透明框，无法修改。如图：右边多了一个透明框。
加背景实现代码：

1. 先在el-popover中加入popper-class
   <el-popover placement="left" trigger="click" :content="item.name" popper-class="poporange" >
2. 再在style中加入样式

高亮：style必须是全局，不能有scoped!!!

<style>
.poporange {
    min-width: 80px;/* 这里是修改最小弹窗宽度，默认最小只能150px */
    width: 80px;
    height: 30px;
    background: url(111.png) no-repeat center;
    background-size: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.poporange[x-placement^='left'] .popper__arrow::after {
    border: none;
}

.poporange[x-placement^='left'] .popper__arrow {
    border: none;
}
</style>

最后也没改好，始终有透明框，只能修改UI。最终弹框改成这样，如图：