使用方法:
<el-tooltip class="item" effect="dark" placement="bottom-start" v-model="tooltip1">
<div slot="content">服务引导,点击该功能可进入当前服</br>务的操作引导模式,提示功能的主要</br>操作步骤或重点关注事项。</div>
<img class="header-icon tooltip1" v-if="tooltip1" src="../../assets/home/assist/icon1.jpeg" />
<img class="header-icon" v-if="!tooltip1" src="../../assets/home/assist/icon1.png" />
</el-tooltip>
<el-tooltip class="item" effect="dark" placement="bottom-start" v-model="tooltip2">
<div slot="content">点击“网站地图”图标 可查看iGTB </br>Net(企业网银)全量功能布局及</br>功能简介,点击已开通功能可</br>快速进入对应功能。</div>
<img class="header-icon tooltip2" v-if="tooltip2" src="../../assets/home/assist/icon2.jpeg" />
<img class="header-icon" v-if="!tooltip2" src="../../assets/home/assist/icon1.png" />
</el-tooltip>
问题描述:正常浏览器显示没有问题,在火狐浏览器里面当鼠标划入想要显示正确位置的精灵图时,不停的抖动闪烁:
解决方案:
使用overflow:hidden;
body{
overflow:hidden;
}
或者在它行内加上样式overflow:hidden;
一般是不会出现什么意外的哦~